使用HTML5和Javascript在鼠标外重置视频

我正在尝试获取鼠标离开后，悬停后显示的视频，以重置为开始，下面是示例。我在我的房间里发现了这个 但我想不出如何才能做到这一点

下面是我获取javascript代码的地方：

---

任何帮助或建议都会很好。谢谢！：）

由于您的站点使用jQuery：

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

只需将

mouseout

事件绑定到回放视频的图像

---

您应该为视频添加一个

id

属性，并使用

$（“#myvideoid”）.get（0）

或

document.getElementById（“myvideoid”）

访问它，而不是像我的示例中那样使用

$（“视频”）.get（0）

。我的选择器代码只是一种变通方法，因为您的视频元素缺少

id

，因为您的站点使用jQuery:

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

只需将

mouseout

事件绑定到回放视频的图像

---

您应该为视频添加一个

id

属性，并使用

$（“#myvideoid”）.get（0）

或

document.getElementById（“myvideoid”）

访问它，而不是像我的示例中那样使用

$（“视频”）.get（0）

。我的选择代码只是一个解决办法，因为您的视频元素缺少

id

再次感谢您，我还有另一个问题：）您知道一种方法可以关闭这一切，使其在iPad或iPhone上不起作用，因为这样即使用户继续移动，视频也不会继续播放。我发现的另一个选项类似于这个悬停：它是5.3+CSS示例。你认为我应该坚持哪一个？我发现的新版本看起来干净多了，不用担心iPad上的鼠标悬停或者屏幕上的弹出窗口。非常感谢您抽出时间。：）恐怕我不能在这方面给你太多的阻碍——我建议你尝试一下，如果你遇到问题，就开始一个新的问题，确切地说你希望在移动设备上发生什么。非常感谢你抽出时间！我会的。：）再次非常感谢，我还有一个问题：）你知道有什么方法可以关闭这一切，这样它就不会在iPad或iPhone上工作，因为这样即使用户离开，视频也不会继续播放。我发现的另一个选项类似于这个悬停：它是5.3+CSS示例。你认为我应该坚持哪一个？我发现的新版本看起来干净多了，不用担心iPad上的鼠标悬停或者屏幕上的弹出窗口。非常感谢您抽出时间。：）恐怕我不能在这方面给你太多的阻碍——我建议你尝试一下，如果你遇到问题，就开始一个新的问题，确切地说你希望在移动设备上发生什么。非常感谢你抽出时间！我会的。：）接受有助于你解决问题的答案是明智的。接受有助于你解决问题的答案是明智的