The videojs-playlists from kimhou

videojs-playlists's Introduction

#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.

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

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

Events

Name	Description
next	Fired when you use the `next()` function or when one video finish and the next starts.
prev	Fired when you use the `prev()` function.
lastVideoEnded	Fired 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