HTML5视频暂停和快退

Question

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

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

谢谢.

Answer 1

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

这是对currentTime 文档的引用.

这是一个代码示例:

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();

注意:这是我在后端,服务和文件中使用chrome nodejs(meteorjs)的唯一版本webmogg

Answer 3

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