Question

有没有办法在没有JavaScript或“简单”JavaScript的情况下修复HTML5视频循环中的暂停？

我在这里的视频循环播放：

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

为什么会暂停？

明天我正在教我的HTML5视频。如果在没有使用JavaScript的情况下有解决方法，那么对他们来说会更容易。如果我们需要包含JavaScript，那么可以使用少量JavaScript代码来消除暂停？

Answer 1

添加＆＃34;循环＆＃34;属于您的视频标记。

<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

视频未加载到您提供的链接上。 “loop”属性应该有效，你也可以尝试

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

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

<video id="video">

Answer 3

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

它们似乎表现完全相同。 由于他们无法解决暂停问题，我不得不更改视频动画，以使暂停问题显得不太明显。几个月后，我再也没有遇到更好的解决方案了。但是，必须存在解决方法。

暂停循环播放HTML5视频

3 个答案: