Problem with qualityPickerPlugin initialization

What is the proper way to initialize a videojs-quality-picker plugin?

If I pass to videojs

  plugins: {
    qualityPickerPlugin: {}
  }

then I get the following error: Uncaught TypeError: Cannot read property 'on' of undefined on line tech.on('loadedqualitydata', onQualityData); (tech is not loaded yet)

If I call player.qualityPickerPlugin({}); after player init, the tech is loaded and loadedqualitydata event is already fired, so the quality picker won’t appear.

[mkhazov]

@ellyjonez

const player = videojs('player-id', {
    html5: {
      hlsjsConfig: {}
    }
});

player.qualityPickerPlugin({});

[ellyjonez]

Got this working. My player was initialized elsewhere so I had to do this:

  var player = videojs('player-id');
  player.qualityPickerPlugin({})