Videojs time line thumbnails plugin
Look how easy it is to display preview thumbnails on the timeline in your videojs player when the user hovers over it. You do not need to generate and store the images separately from your video. The thumbnails displayed are the key frames from mp4 file that is being played and these are extracted on the fly for you.
We have the plugin in different flavours depending your player, check out timeline thumbnails plugin for Flowplayer Flash and for Flowplayer html5.
Set up the configuration object in the global scope with the desired thumbnail dimensions and path to the swf included in the plugin:
var easybits_FplScrubber = {
swfgeneratorurl:"/software/prod-6/mp4/easybits-topng.swf",
width:160,
height:90
};
In case your videos are hosted on a different domain you would need to upload a small html file included in the timline thumbnails plugin for videojs player and specify its location/locations in the config:
var easybits_FplScrubber = {
swfgeneratorurl:"/software/prod-6/mp4/easybits-topng.swf",
loaders:["http://funnyanimation.net/ez/prod-6/http/easybits-httpstreaming.html"],
width:160,
height:90
};