popup-video

show certain dom elements at particular points during video playback

Installation

Install with component(1):

$ component install bmcmahen/popup-video

Or use the standalone build located in standalone and accessible under the global variable popupvideo.

Usage

var popupvideo = require('popup-video');
var el = document.querySelector('video');
var json = {
  2: {
    duration: 10,
    html: '<h5> Michener Center </h5> <p> <a href="#">learn more </a></p>'
  },

  4: {
    duration: 15,
    html: '<p> world </p>'
  }
}
var pop = new popupvideo(el, json);
pop.on('showing', function(){
  console.log('showing');
});
pop.on('hidden', function(){
  console.log('hidden');
});

License

MIT