我希望把一段视频放在HTML5页面上,将开始播放页面加载,一旦完成,循环回到开始没有中断.视频NOT还应该有与之相关的任何控件,并且或者与所有的"现代"浏览器兼容,或者具有多边形填充的选项.
以前,我会通过Flash
和FLVPlayback
来实现这一点,但是我更愿意在HTML5范围内避开Flash
.我想我可以使用javascript的setTimeout
来创建一个平滑的循环,但是我应该使用什么来嵌入视频本身呢?有没有什么东西可以像FLVPlayback
那样流传输视频呢?
我希望把一段视频放在HTML5页面上,将开始播放页面加载,一旦完成,循环回到开始没有中断.视频NOT还应该有与之相关的任何控件,并且或者与所有的"现代"浏览器兼容,或者具有多边形填充的选项.
以前,我会通过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>
如果您对loop属性有问题(正如我们过go 所做的那样),请听videoEnd
事件,并在其触发时调用play()
方法.
注1:我不确定苹果iPad/iPhone的行为,因为他们对autoplay
有一些限制.
注2:loop="true"
和autoplay="autoplay"
不推荐使用