暂停循环HTML5视频

有没有办法修复HTML5视频在没有JavaScript或使用简单JavaScript的情况下循环的暂停

我在这里的页面中有视频循环：

为什么会停下来

---

明天我要在班上教HTML5视频。如果有一个不使用JavaScript的变通方法，对他们来说会更容易。如果我们需要包含JavaScript，为了消除暂停，最少量的JavaScript代码可以是多少？

将循环属性添加到视频标记中

<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 id="video">

---

这似乎与处理器有关。当视频帧缓冲在循环中时，会出现明显的停顿。我发现这种暂停在所有浏览器中都是一致的，但也许有一个解决办法。我使用了两种不同的方法循环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>

---

他们的表现似乎完全一样。由于他们没有解决暂停，我不得不改变视频动画，以使暂停看起来不那么明显。几个月后，我从未遇到过更好的解决方案。不过，必须存在解决方法。

我在视频标签中有循环。抱歉，现在只在Chrome上运行。我只是想用Chrome为初学者演示这项技术。它是一个完整的页面背景循环视频。这将通过CSS和JS处理，以调整标签的大小，使其跨越浏览器窗口的宽度和高度。您可能希望浏览本教程以获取想法/帮助：