如何停止播放<video>元素并将其恢复为原始状态?</video>

时间:2014-12-04 01:30:37

标签: html5 video html5-video

我想知道如何将正在播放或暂停的视频重置为不播放的原始状态?我知道你可以暂停视频,但我真正想要的是让视频恢复到它的初始状态。这意味着如果指定了它将显示海报图像,并且如果用户再次点击播放,它将从头开始。

我查看了所有文档,我只能找到暂停的方法。

2 个答案:

答案 0 :(得分:1)

我能找到的最简单的方法是重置已结束事件的视频源,使其返回到开头。处理它的另一种方法是在你换掉视频的时候有一个带有海报图像的div,但这更简单......

<script>
var vid=document.getElementById('myVideo');
vid.addEventListener("ended", resetVideo, false);

function resetVideo() {
    // resets the video element by resetting the source
    this.src = this.src
}
</script>       

答案 1 :(得分:0)

您可能需要考虑使用API​​: 看看VideoJS

否则,请尝试在视频标记

上添加控件属性