Plugin to display thumbnails from a sprite image when hovering over the progress bar.
- easy to configure
- uses existing hover position display element
- focuses on use case of thumbnails combined in a sprite image only
npm install --save @youon/videojs-sprite-thumbnails
To include videojs-sprite-thumbnails on your website or web application, use any of the following methods.
This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include video.js, so that the
videojs global is available.
When using with Browserify, install videojs-sprite-thumbnails via npm and
require the plugin as you would any other module.
var videojs = ;// The actual plugin function is exported by this module, but it is also// attached to the `Player.prototype`; so, there is no need to assign it// to a variable.;var player = ;player;
When using with RequireJS (or another AMD library), get the script in whatever way you prefer and
require the plugin as you normally would:
Select a version of videojs-sprite-thumbnails from the CDN.
||String||✔||Sprite image location.|
||Integer||✔||Width of a thumbnail in pixels.|
||Integer||✔||Height of a thumbnail in pixels.|
||Interval between thumbnail frames in seconds.|
||Width of player in pixels below which thumbnails are reponsive. Set to
MIT. Copyright (c) Christian Ebert <firstname.lastname@example.org>