/videojs-progress

Enhancement for Video.js's progress bar

Primary LanguageJavaScript

Video.js Progress

This is a plugin based on jQuery for Video.js to make progress bar stronger.

Features

  1. Tooltip

    Tooltip

  2. Timepoint

    Timepoint

Dependencies

  • jQuery 1.8.3
  • Video.js 4.7.3

Installation

<link href="videojs-progress.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="videojs-progress.js"></script>

Usage

<script>
  videojs("myVideo").progress({
    timepoints: [
        {
          time: 9,
          text: "Video.js"
        },
        {
          time: 16,
          text: "progress bar"
        },
        {
          time: 23,
          text: "http://video-js.zencoder.com/oceans-clip.ogv"
        },
        {
          time: 28,
          text: "already"
        },
        {
          time: 47,
          text: "evolution"
        }
      ]
  });
</script>