Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including videojs-quality-selector-plugin with all npm packages installed. Try it out:

var videojsQualitySelectorPlugin = require("videojs-quality-selector-plugin")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

videojs-quality-selector-plugin v1.0.2

Video quality selector

videojs-quality-selector

Video quality selector plugin

Table of Contents

## Installation ## 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 <fatelei@gmail.com>

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free