停止循环播放HTML5视频
问题描述:
有什么方法可以解决HTML5视频在没有JavaScript或“简单”JavaScript的情况下循环播放的问题?停止循环播放HTML5视频
我已在视频循环在这里页面:
http://uweb.txstate.edu/~j_f166/video_testing/html5video.html
为什么会暂停?
明天我正在向我的班级教授HTML5视频。如果没有使用JavaScript的解决方法,它们会更容易。如果我们需要包含JavaScript,那么为了消除暂停,什么可能是最少量的JavaScript代码?
答
将“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>
此外,只是为了说明它,您的示例页面上的资产目前没有找到。确保它们被正确引用。
答
视频无法载入您提供的链接。 “循环”属性应该工作,你也可以尝试
var video1 = document.getElementById("video");
video1.onended = function(e) {
video1.play();
}
,其中“视频”将是您的视频元素
<video id="video">
+0
我在视频标记中有循环。抱歉,它现在只适用于Chrome。我只是想为初学者演示Chrome的技巧。 – jill 2014-11-02 22:46:43
的ID和它的意思是整个页面的背景环路视频。 – jill 2014-11-02 22:47:10
这将通过CSS和JS处理以调整