HTML5视频暂停和快退

Question

有没有办法暂停和回放到HTML5视频？或者只是停下来？

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

感谢。

Answer 1

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

以下是对currentTime的documentation的引用。

这是一个代码示例：

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 meteorjs（webm）在Chrome中工作的唯一版本，提供ogg＆amp; {{1}}个文件

Answer 3

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

Answer 4

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

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

或者，在vanilla JS中（尽管上面已经指出过）：

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