native ES6 class support

[Shreyas-sonu]

TypeError: Class constructor Plugin cannot be invoked without 'new' means the plugin class has been transpiled and
that won't work, it has to be a native ES6 class. please add support

[PauloMendees]

Same error here, do you find the solution?

[piscis]

So i had the same problem with in a vite + vue3 project migrating from VideoJS 7 to VideoJS 8. It seems that importing via the default import does not work but importing the src and transpile it with your vite build does.

So instead of:

import 'videojs-hls-quality-selector'

do this and import from source

import 'videojs-hls-quality-selector/src/plugin'

then register the plugin options when player is ready

const player = videojs(videoPlayer.value, options)
    player.ready(() => {
      if(player.hlsQualitySelector) {
        player.hlsQualitySelector({
          displayCurrentQuality: true,
        })
      }
    })

seams to work afaik.