Thumbnails must be extracted from entire video length in exactly the same time intervals. To show thumbnails over progressbar you need to define the URL of sprite image.
Below you can see the options available to set for thumbs display over the progress bar.
From our experience, we have found that maximum 100 thumbnails are enough precise to show a preview image over progress bar precisely. Anything above only increase the time required to generate sprite image. Anything below 50 may be not enough precise, especially in fullscreen mode. For short video this can be smaller number. The maximum frequency is one thumb per second of video length.You do not have to bother about thumbs timestamps. This is automatically calculated by our plugin.
<script>
var player = videojs('example_video_1');
player.nuevo({
slideImage: '//domain.com/path/to/sprite.jpg',
slideType: 'vertical', //optional
slideWidth: 160, //optional
slideHeight: 90 //optional
});
</script>
<script>
var player = videojs('example_video_1');
player.nuevo({
slideImage: '//domain.com/path/to/sprite.jpg',ghostThumb:true
});
</script>
spritevideo -i [inputfile] -o [outputdirectory] -p [outputfile]
Available arguments:
-i video input file (required)
-w width of the single thumb [optional], default=160
-h height of the simgle thumb [optional], default=90
-o directory relative path to process video thumbs (required)
-p relative path for generated jpg sprite image file (required)