HLS plugin for video.js using hls.js

Plays HLS with video.js on any platform, even where it's not natively supported, using Dailymotion's hls.js tech.

This bundled plugin is an alternative to the original videojs-contrib-hls and runs directly on top of video.js 5.0+.

Like the original implementation, this plugin implements a source handler for m3u8 files.
hls.js is bundled inside and there is no need to include it in addition.

Installation

$3

To install videojs-contrib-hls.js with npm run

``bash
npm install --save videojs-contrib-hls.js
`

$3

Get the latest stable version from the CDN

$3

Download a release of videojs-contrib-hls

Getting Started

Get a copy of videojs-contrib-hls and include it in your page along with video.js:

`html




`

in a CommonJS app

`js
var videojs = require('video.js');
require('videojs-contrib-media-sources'); // increase browser support with MSE polyfill
require('videojs-contrib-hls.js'); // auto attaches hlsjs handler

var player = videojs('#player');

`

Options

hls.js is very configurable, you may pass in an options object to the source handler at player initialization. You can pass in options just like you would for other parts of video.js:

` html




`

Advanced Usage

$3

events are passed to the tech and can be subscribed to

`js
var player = videojs('video');
player.tech_.on(Hls.Events.MANIFEST_LOADED, function (e) {
// do something
})
`

full list of hls.js events can be found here

NOTE hls.js global is exposed to window.Hls when the module is loaded

$3

DO NOT USE THIS REF UNLESS YOU KNOW WHAT YOU ARE DOING

the hls.js instance is exposed on the sourceHandler instance

`js
var player = videojs('video');
// player.tech_.sourceHandler_.hls is the underlying Hls instance
player.tech_.sourceHandler_.hls.currentLevel = -1
``