Component QualitySelector does not exist (Vue.js 3)

[mateusz-wyka]

Environment

• Operating System: macOS
• Node Version: v18.1.0
• Vue Version: 3.2.45
• Package Manager: yarn 1.22.18
• Builder: Vite
• Video.js version: 7.20.3
• silvermine/videojs-quality-selector version: 1.3.0

Describe

I imported silvermine/videojs-quality-selector like this:

import "@silvermine/videojs-quality-selector";
import "@silvermine/videojs-quality-selector/dist/css/quality-selector.css";

When app is ready I execute this:

player.value = videojs(videoPlayer.value, videoPlayerOptions.value, function() {
  let player = this;
  player.controlBar.addChild("QualitySelector");
});

then I get:

Uncaught Error: Component QualitySelector does not exist

I will provide more information if needed. Any ideas what I can do about it?

[yokuze]

@mateusz-wyka You have to call the function that you import, passing in the videojs object. Please see this example:

https://stackblitz.com/edit/vitejs-vite-56ugwh?file=src%2Fmain.ts