如何停止播放 <video> 元素并将其恢复到原始状态？答案

【问题标题】：How to stop playing a <video> element and return it back to its original state?如何停止播放 <video> 元素并将其恢复到原始状态？
【发布时间】：2014-12-04 01:30:36
【问题描述】：

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

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

【问题讨论】：

标签： html video html5-video

【解决方案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>

【讨论】：

【解决方案2】：

您可能需要考虑为此使用 API：看看VideoJS

否则尝试在您的视频标签上添加控件属性

【讨论】：