Video gallery with thumbnail preview - any tips how?

I am trying to set up a gallery of video thumbnails the play a preview of the video when hovering over it with the mouse. Much like these:

http://www.istockphoto.com/search/text/Tasmanian%20Devil/filetype/video/source/basic#e43609a
or
https://www.pond5.com/stock-video-footage/1/*.html

(Hover the mouse over a video to see what I am looking for)

I cannot find any plugin that achieves this nor do I find a jquery solution. Has anybody any tip for me? I'd highly appreciate. Tnx.

Ronald

 

with a simple little search, you can use jquery media preview plugin, check the Link

Goodluck

 

Below code help you to make video play while mouse hover.

<video src="video.webm" id="id0" width="300" onMouseOver="id0.play()" onMouseOut="id0.pause()" onclick="window.location='video.webm';id0.pause()" loop title="video.webm " ></video>

Also, you can find some tutorials over here: http://www.html5rocks.com/en/tutorials/video/basics/