javascript - 使用 HTML5 和 Javascript 在鼠标移开时重置视频

Question

我试图让悬停后出现的视频在鼠标离开后重置为开始，这里是 link to my test .我在我的 search for an answer 中找到了这个但我不知道如何让它发挥作用。

这是我获得 javascript 代码的地方:Link to code

任何帮助或建议都会很棒。谢谢你! :)

Answer 1

由于您的网站使用 jQuery:

$(".h5vt").mouseout(function() {
    $("video").get(0).currentTime = 0;
})

只需将 mouseout 事件绑定(bind)到图像即可倒带视频。

您应该向视频添加一个 id 属性并使用 $("#myvideoid").get(0) 或 document.getElementById("myvideoid") 而不是像我的示例中那样使用 $("video").get(0)。我的选择器代码只是一种解决方法，因为您的视频元素缺少 id。