我想知道如何将正在播放或暂停的视频重置为不播放的原始状态?我知道你可以暂停视频,但我真正想要的是让视频恢复到它的初始状态。这意味着如果指定了它将显示海报图像,并且如果用户再次点击播放,它将从头开始。
我查看了所有文档,我只能找到暂停的方法。
答案 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
否则,请尝试在视频标记
上添加控件属性