Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

fw-videojs-playlist

4.0.4 • Public • Published

Build Status

Filmweb fork of Brightcove Playlist Plugin for video.js

Installation

Install fw-videojs-playlist via npm (preferred):

$ npm install fw-videojs-playlist

Basic Usage

For full details on how to use the playlist plugin can be found in the API documentation.

var player = videojs('video');
 
player.playlist([{
  sources: [{
    src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/sintel/poster.png'
}, {
  sources: [{
    src: 'http://media.w3.org/2010/05/bunny/trailer.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
}, {
  sources: [{
    src: 'http://vjs.zencdn.net/v/oceans.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://www.videojs.com/img/poster.jpg'
}, {
  sources: [{
    src: 'http://media.w3.org/2010/05/bunny/movie.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/bunny/poster.png'
}, {
  sources: [{
    src: 'http://media.w3.org/2010/05/video/movie_300.mp4',
    type: 'video/mp4'
  }],
  poster: 'http://media.w3.org/2010/05/video/poster.png'
}]);
 
// Play through the playlist automatically.
player.playlist.autoadvance(0);

Fork changes

playlistautoadvance event

Event fires on autoadvance, but not in other playlist change circumstances.

Custom setSource function

Allows to override default change source behaviour provided by videojs on item change. Function is used between beforeplaylistitem and playlistitem events, and allows you extend or replace the default player.src() method.

player.playlist.customSrcFunction(function(player,item) { 
    /*...*/ 
})

Use case - google IMA plugin:

player.playlist.customSrcFunction(function(player, item){
        if (player.ima && typeof player.ima.setContentWithAdTag === 'function') {
            player.ima.setContentWithAdTag(item.sources, null, true);
            player.ima.requestAds();
        } else {
            player.src(item.sources);
        }
    });

License

Apache-2.0. Copyright (c) Brightcove, Inc.

Install

npm i fw-videojs-playlist

DownloadsWeekly Downloads

12

Version

4.0.4

License

Apache-2.0

Last publish

Collaborators

  • avatar
  • avatar