在HTML5中播放无限循环的视频

前端之家收集整理的这篇文章主要介绍了在HTML5中播放无限循环的视频前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望在HTML5网页中放置视频,该网页会在网页加载时开始播放,一旦完成,就会循环播放到开头,而不会中断。视频也不应该有任何与它相关的控件,并且与所有“现代”浏览器兼容,或者有polyfill的选项。

以前我会通过Flash和FLVPlayback这样做,但我宁愿在HTML5领域避开Flash。我想我可以使用javascript的setTimeout来创建一个平滑的循环,但我应该使用嵌入视频本身?有没有什么东西,会流的视频,FLVPlayback的方式?

解决方法

loop属性应该:
<video width="320" height="240" autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>

如果你有一个循环属性的问题(如我们在过去),监听videoEnd事件,并调用play()方法时,它触发。

注1:我不确定在苹果的iPad / iPhone的行为,因为他们有一些自动播放的限制。

注2:循环=“true”和autoplay =“autoplay”已弃用

猜你在找的HTML5相关文章