停止循环播放HTML5视频

Question

有什么方法可以解决HTML5视频在没有JavaScript或“简单”JavaScript的情况下循环播放的问题？

我已在视频循环在这里页面：

http://uweb.txstate.edu/~j_f166/video_testing/html5video.html

为什么会暂停？

明天我正在向我的班级教授HTML5视频。如果没有使用JavaScript的解决方法，它们会更容易。如果我们需要包含JavaScript，那么为了消除暂停，什么可能是最少量的JavaScript代码？

Answer 1

将“loop”属性添加到您的视频标签。

<video controls loop> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
    Your browser does not support the video tag. 
</video> 

此外，只是为了说明它，您的示例页面上的资产目前没有找到。确保它们被正确引用。

Answer 2

视频无法载入您提供的链接。 “循环”属性应该工作，你也可以尝试

var video1 = document.getElementById("video"); 
video1.onended = function(e) { 
    video1.play(); 
} 

，其中“视频”将是您的视频元素

<video id="video">