Enhancement for Video.js's progress bar
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dest
snapshots
src
test
.gitignore
Gruntfile.coffee
README.md
package.json

README.md

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>