暂停循环播放HTML5视频

提问于 2024-04-27T07:27:55+08:00

浏览次

0

有没有办法在没有JavaScript或“简单”JavaScript的情况下解决HTML5视频循环中的停顿？

我在页面中有视频循环：

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

为什么会暂停？

我明天要和我的 class 一起教HTML5视频 . 如果在没有使用JavaScript的情况下有解决方法，那么对他们来说会更容易 . 如果我们需要包含JavaScript，那么为了消除暂停，最少量的JavaScript代码是什么？

3 回答

0
将“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>
```
此外，只是说明它，当前找不到示例页面上的资产 . 确保它们被正确引用 .
回复于 2024-04-27T07:27:55+08:00
0
视频未加载到您提供的链接上 . “loop”属性应该有效，你也可以试试
```
var video1 = document.getElementById("video");
video1.onended = function(e) {
  video1.play();
}
```
其中“视频”将是您视频元素的ID
```
<video id="video">
```
回复于 2024-04-27T07:27:55+08:00
0
这似乎与处理器有关 . 由于视频帧在循环时缓冲，因此会有明显的暂停 . 我发现这个暂停在所有浏览器中都是一致的，但也许有一种解决方法 . 我使用了两种不同的方法来循环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>
```
它们似乎表现完全一样 . Since they don't resolve the pause, 我不得不改变视频动画，以使暂停看起来不那么明显 . 几个月后，我从未遇到过更好的解决方案 . 但是必须存在一种解决方法 .
回复于 2024-04-27T07:27:55+08:00

相关问题