Preview video frames on elements with ease

Go to file

Mahdi Dibaiee a4c2cd0b70 Better argument handling - Throw error in case of no input - call querySelectorAll in case of string - convert to array in case of single object		2015-09-25 19:36:25 +03:30
index.html	rename demo file	2015-09-25 19:08:05 +03:30
index.js	initial commit	2015-09-25 19:03:45 +03:30
README.md	Better README	2015-09-25 19:11:15 +03:30
snaphash.js	Better argument handling	2015-09-25 19:36:25 +03:30
test.mp4	initial commit	2015-09-25 19:03:45 +03:30

Snaphash

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