Preview video frames on <img> elements with ease.
How does it work?
<video id="myvideo" src="big-buck-bunny.mp4"></video>
<img data-snap="#myvideo@00:00:15" />Snaphash('img');That's all, a preview of video's frame at 00:00:15 will be shown in the img element.
You can omit unnecessary zeros from time, i.e. #myvideo@15 is the same as #myvideo@00:00:15.
See a demo