Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
VideoJS playlists done right!
JavaScript
branch: master

Release 0.2.0

latest commit 78aa8fbaa8
Antonio Laguna Matías authored

README.md

videojs-playlists

Sexy Playlists for VideoJS.

Installation

Bower

bower install videojs-playlists

Manual Download

Usage

Initialize playList

In order to initialize playList you need to pass an array of videos with this structure:

videos = [
  {
    src : [
      'http://stream.flowplayer.org/bauhaus/624x260.webm',
      'http://stream.flowplayer.org/bauhaus/624x260.mp4',
      'http://stream.flowplayer.org/bauhaus/624x260.ogv'
    ],
    poster : '',
    title : 'Whales'
  },
  {
    src : [
      'http://vjs.zencdn.net/v/oceans.mp4',
      'http://vjs.zencdn.net/v/oceans.webm'
    ],
    poster : 'http://www.videojs.com/img/poster.jpg',
    title : 'Ocean'
  }
];

Now, when videos plays they automatically jump to the next one. You also gain a couple of methods

Jump to video

Use player.playList(index) to jump to a video into the playlist.

next

VideoJS receives a next() function which put in place the next video.

prev

VideoJS receives a prev() function which put in place the previous video.

Events

NameDescription
nextFired when you use the `next()` function or when one video finish and the next starts.
prevFired when you use the `prev()` function.
lastVideoEndedFired when the playlist has finished.

A demo is now available to showcase what you can create with this plugin.

Pending

Pass video parameter to next and prev events. That should need to rewrite the trigger function from videojs since doesn't allow passing events.

As a workaround, the player.pl.current is updated with the actual index and player.pl.currentVideo contains the video object.

Development

Requirements

  • node and npm
  • bower npm install -g bower
  • grunt npm install -g grunt-cli

Setup

  • npm install
  • bower install

Run

grunt dev

or for just running tests on file changes:

grunt ci

Tests

grunt mocha

Something went wrong with that request. Please try again.