在循环HTML5视频时暂停
在循环HTML5视频时暂停
提问于 2014-11-03 04:44:10
有没有办法在不使用JavaScript或使用“简单”JavaScript的情况下修复HTML5视频循环中的暂停？
我在下面的页面中循环播放视频：
http://uweb.txstate.edu/~j_f166/video_testing/html5video.html
为什么它会暂停？
我明天要在班上教HTML5视频。如果有不使用JavaScript的变通方法，对他们来说会更容易。如果我们需要包含JavaScript，那么为了消除停顿，最少的JavaScript代码应该是多少？
回答 3
Stack Overflow用户
发布于 2014-11-03 04:50:44
将"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>此外，仅需说明一下，您的示例页面上的资产当前未找到。确保它们被正确引用。
Stack Overflow用户
发布于 2014-11-03 05:05:50
视频未加载到您提供的链接上。"loop“属性应该有效，您也可以尝试
var video1 = document.getElementById("video");
video1.onended = function(e) {
video1.play();
}其中" video“是视频元素的id。
<video id="video">Stack Overflow用户
发布于 2018-07-01 08:15:22
这似乎与处理器相关。有一个明显的暂停，因为视频帧在循环中进行缓冲。我发现这种暂停在所有浏览器上都是一致的，但也许有一种变通方法。我使用了两种不同的方法来循环HTML5视频(webM编解码器)，这是：
var video1 = document.getElementById("video");
video1.onended = function(e) {
video1.play();
}或者这样：
<video id="anim" src="animation.webm" poster="frame.png" height="300px" playsinline autoplay muted loop></video>它们的表现似乎完全相同。因为他们没有解决暂停，我不得不改变视频动画，以使暂停看起来不那么明显。几个月后，我从未遇到过更好的解决方案。不过，必须有一个变通办法。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26704185
复制相关文章
相似问题