Preview video frames on elements with ease
a4c2cd0b70
- Throw error in case of no input - call querySelectorAll in case of string - convert to array in case of single object |
||
---|---|---|
index.html | ||
index.js | ||
README.md | ||
snaphash.js | ||
test.mp4 |
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