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

我需要创建youtube/vimeo/任何在鼠标悬停时播放的视频缩略图。有人能教我怎么做吗？我猜是javascript，但通过研究还没有取得任何进展。我不想弹出窗口，只是为了让视频保持与缩略图相同的大小并播放

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

---

谢谢

使用

鼠标指针

和

鼠标移动

您可以在悬停时播放/暂停视频。。。像这样的方法应该会奏效：

Javascript

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

HTML

---

像这样的吗？嗨，我在发布之前看到了这个，但是我需要的是将鼠标悬停在缩略图和视频上，以便在缩略图的精确尺寸内加载。因此，缩略图是链接，也是视频的占位符。本教程有单独的文本链接。那么，为什么不使用相同的代码，而是将悬停视频的容器作为目标呢？您好，谢谢，它工作得非常出色，有没有一种方法，当您悬停在上面以及视频开始时，我也可以将背景更改为图像？很抱歉成为一个pain@user3277125我很困惑，视频的背景是什么？你看不到…我只是说如果我加了一个div begind或者制作了现有的视频支架larger@user3277125然后您将添加到上面的两个函数中。使用类似于

.css（）

的方法更改背景颜色或url

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