HTML5 视频暂停和快退

Question

有没有办法让 HTML5 视频暂停并快退到 0 秒？或者干脆停下来？

我有一个 jQuery 弹出窗口，因此当有人单击它时，会出现弹出窗口并播放视频，而当您点击关闭按钮时，视频会暂停。所以我想做的是，如果您再次单击按钮以显示弹出窗口，视频将从开始位置（0 秒）开始。

谢谢。

Answer 1

您可以在打开jquery视频元素（或关闭弹出窗口）时获取对它的引用，并使用pause()暂停它，然后将“currentTime”属性设置为0以返回到开头。

以下是对文档的参考 当前时间。

这是一个代码示例：

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0;

Answer 2

要拥有适当的 stop （暂停和倒带）功能，您可以执行以下操作：

var video = document.getElementById('vidId');
// or video = $('.video-selector')[0];
video.pause();
video.currentTime = 0;
video.load();

注意：这是使用 nodejs 在 chrome 中为我工作的唯一版本（meteorjs) 在后端，服务于 webm & ogg 文件

Answer 3

只需调用视频元素的 pause() 方法即可。要重置时间，请将 currentTime 设置为 0（或任何其他值（如果需要），以秒为单位）。

Answer 4

在 jQuery 中将视频重置为 0 秒：

$('#video')[0].currentTime = 0;

或者，在 vanilla JS 中（尽管上面已经指出了这一点）：

var video = document.getElementById('video');
video.currentTime = 0;