Error: plugin "videoJsResolutionSwitcher" does not exist in angular #139
Description
I have install videojs and videojs-resolution-switcher from npm and trying to use this plugin for adaptive video formats but its show error. i am using angular 6 and have installed latest version of videojs . If someone know solution Please help
Someone also try to make this but failed I have attached stackblitz link blow:
https://stackblitz.com/edit/angular-btj4zw?file=src%2Fapp%2Fapp.component.ts
My code
import videojs from 'video.js';
import "@videojs/http-streaming";
import 'videojs-contrib-quality-levels';
import 'videojs-resolution-switcher';
const options = {
'controls': true,
'autoplay': false,
'controlBar': {
'children': {
'playToggle': true,
'progressControl': true,
'currentTimeDisplay': true,
'timeDivider': true,
'durationDisplay': true,
'volumePanel': {
'inline': true,
},
'fullscreenToggle': true,
},
},
'plugins': {
'videoJsResolutionSwitcher': {
'default': 'high',
'dynamicLabel': true
}
},
'html5': {
'hls': {
'withCredentials': true,
}
},
};
var palayer = setInterval(() => {
try {
this.vjs = videojs('my-player', options);
//this.vjs.hlsQualitySelector();
$('body .vjs-volume-panel').addClass('vjs-hover');
$('body .vjs-volume-panel').on('mouseout', function () {
$('.vjs-volume-panel').addClass('vjs-hover');
});
if (this.vjs) {
clearInterval(palayer);
//console.log('its worls');ss
}
} catch (err) {
console.log(err);
}
}, 50);