videojs-resolution-switcher Error: plugin "videoJsResolutionSwitcher" does not exist in angular

Error: plugin "videoJsResolutionSwitcher" does not exist in angular

Open haseeb-zechtech opened this issue 5 years ago • 4 comments

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);