HTML5视频暂停和倒带

HTML5 Video pause and rewind

本文关键字：倒带 暂停 视频 HTML5      更新时间：2023-09-26

是否有办法暂停和倒带到0 HTML5视频?或者干脆停止?

我得到了一个jQuery弹出窗口，所以当有人点击它时，弹出窗口出现并播放视频，当你点击关闭按钮时视频暂停。所以我想做的是，如果你再次点击按钮来显示弹出视频开始在开始位置(0秒)。

谢谢。

你可以在打开(或关闭弹出窗口)时获取jquery视频元素的引用，并使用pause()暂停它，然后将"currentTime"属性设置为0以返回开始

这是对currentTime的文档引用。

下面是一个代码示例:

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

要有一个合适的stop (pause &(倒带)功能，您可以执行以下操作:

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

注意:这是唯一的版本，为我在chrome使用nodejs (meteorjs)后端，服务webm &ogg文件

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

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

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

或者，在普通JS中(尽管上面已经指出了):

var video = document.getElementById('video');
video.currentTime = 0;
相关文章：