videojs-quality-selector-plugin

videojs-quality-selector

Video quality selector plugin

Table of Contents

Installation

• Installation
• Config
• Usage
  • <script> Tag
  • Browserify/CommonJS
  • RequireJS/AMD
• License

Installation

npm install --save videojs-quality-selector-plugin

Config

qualityLevels = [{
  label: 'auto',
  identify: 'foo',
  src: 'bar'
}, {
  label: 'hd',
  identify: 'hd',
  src: 'bar1'
}]

Usage

To include videojs-quality-selector on your website or web application, use any of the following methods.

<script> Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include video.js, so that the videojs global is available.

<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-quality-selector-plugin.min.js"></script>
<script>
  var player = videojs('my-video', {
    qualityLevels: [
      {
        label: 'auto',
        identify: 'foo',
        src: 'bar'
      }, {
        label: 'hd',
        identify: 'hd',
        src: 'bar1'
      }
    ]
  });
 
  player.qualitySelector();
</script> 

Browserify/CommonJS

When using with Browserify, install videojs-quality-selector-plugin via npm and require the plugin as you would any other module.

var videojs = require('video.js');
 
// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('videojs-quality-selector-plugin');
 
var player = videojs('my-video',{
  qualityLevels: [
    {
      label: 'auto',
      identify: 'foo',
      src: 'bar'
    }, {
      label: 'hd',
      identify: 'hd',
      src: 'bar1'
    }
  ]
});
 
player.qualitySelector();

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the plugin as you normally would:

require(['video.js', 'videojs-quality-selector-plugin'], function(videojs) {
  var player = videojs('my-video', {
    qualityLevels: [
      {
        label: 'auto',
        identify: 'foo',
        src: 'bar'
      }, {
        label: 'hd',
        identify: 'hd',
        src: 'bar1'
      }
    ]
  });
 
  player.qualitySelector();
});

License

Apache-2.0. Copyright (c) fatelei <[e-mail]>