在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和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码