Create Video Thumbnail Preview for NPTEL Videos using HTML-5 and Javascript

Move the mouse over here to see the thumbnail preview

Download Resources:

1. Timecode file in VTT (Video Text Track) format

2. Subtitle file in VTT (Video Text Track) format

3. Thumbnail Sprite Image (created using ffmpeg tool)

4. To download/view the HTML/Javascript source, press Ctrl-U in the browser to see the source code

Credit: Building Interactive HTML5 Videos By Jeroen Wijering, Robert Nyman