Skip to content
show dom elements at particular points in a video
JavaScript CSS
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
standalone
.gitignore
History.md
Makefile
Readme.md
component.json
example.html
index.js
popup-video.css

Readme.md

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

Something went wrong with that request. Please try again.