https://github.com/fatelei/videojs-quality-selector
Video quality selector
https://github.com/fatelei/videojs-quality-selector
videojs videojs-plugin
Last synced: 11 months ago
JSON representation
Video quality selector
- Host: GitHub
- URL: https://github.com/fatelei/videojs-quality-selector
- Owner: fatelei
- License: other
- Created: 2018-08-29T04:14:40.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-01-18T09:09:33.000Z (over 7 years ago)
- Last Synced: 2025-01-24T11:44:50.977Z (over 1 year ago)
- Topics: videojs, videojs-plugin
- Language: JavaScript
- Size: 115 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# videojs-quality-selector
Video quality selector plugin
## Table of Contents
## Installation
- [Installation](#installation)
- [Config](#config)
- [Usage](#usage)
- [`` Tag](#script-tag)
- [Browserify/CommonJS](#browserifycommonjs)
- [RequireJS/AMD](#requirejsamd)
- [License](#license)
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
## Installation
```sh
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][videojs], so that the `videojs` global is available.
```html
<script src="//path/to/video.min.js">
var player = videojs('my-video', {
qualityLevels: [
{
label: 'auto',
identify: 'foo',
src: 'bar'
}, {
label: 'hd',
identify: 'hd',
src: 'bar1'
}
]
});
player.qualitySelector();
```
### Browserify/CommonJS
When using with Browserify, install videojs-quality-selector-plugin via npm and `require` the plugin as you would any other module.
```js
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:
```js
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>
[videojs]: http://videojs.com/