HTML 5视频循环暂停怎么办?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (102)

有没有办法解决HTML 5视频循环中没有JavaScript或“简单”JavaScript的暂停问题?

我在这里的页面中有视频循环:http://uweb.txstate.edu/~j_f166/video_testing/html5video.html

为什么停下来?

提问于
用户回答回答于

这似乎与处理器有关。有一个明显的暂停,因为视频帧是缓冲的循环。我发现这种暂停在所有浏览器中都是一致的,但是也许有一个解决办法。我使用了两种不同的方法来循环HTML 5视频(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>
用户回答回答于

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

<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>

另外,为了说明这一点,你的示例页面上的资产目前还没有找到。

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励