我希望在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”已弃用