Simple Overlay

A video.js plugin that will overlay some text on top of a video

This plugin is primarily intended as an example of how to write a video.js plugin. Check out the video.js plugin page for more full-featured alternatives.

Getting Started

Download videojs

In your web page:

<link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
<video id="video" class="video-js vjs-default-skin" src="movie.mp4" controls></video>
<script src="http://vjs.zencdn.net/4.1/video.js"></script>
<script src="dist/videojs-simpleoverlay.min.js"></script>
<script>
videojs('video', {}, function() {
  var player = this;
  // Create an overlay that will be shown starting at 1 second and removed after 7 seconds
  player.simpleOverlay({
    'vjs-overlay': {
      start: 1,
      end: 7,
      textContent: 'This is the text that will be displayed'
    }
  });
});
</script>

Documentation

(Coming soon)

Examples

(Coming soon)

Release History

(Nothing yet)