Youtube / vimeo /悬停时播放的任何视频缩略图（无弹出窗口）

Question

我需要创建youtube / vimeo /任何播放鼠标悬停的视频缩略图。有人可以教我怎么做吗？我猜javascript，但没有通过研究任何地方。我不想弹出，只是为了使视频保持与缩略图和播放相同的大小。

最后，我将在10x5网格中有一个完整的页面。

谢谢

Answer 1

使用mouseenter和mouseleave，您可以在悬停时播放/暂停视频...这样的内容应该有效：

的Javascript

$("#video-holder").mouseenter(function(){
    document.getElementById('video1').play();
});
$("#video-holder").mouseleave(function(){
    document.getElementById('video1').pause();
});

HTML

<div id="video-holder">
    <video id="video1">
        <source src="..." type="video/ogg">
    </video>
</div>

http://jsfiddle.net/yD49P/