在HTML5中播放无限循环的video
我正在寻找一个HTML5页面,将开始播放页面加载播放video,一旦完成,循环回到开始不中断。 video也不应该有与之相关的任何控制,要么与所有“现代”浏览器兼容,要么可以select填充。
以前,我会通过Flash
和FLVPlayback
完成此操作,但是我宁愿避开HTML5球体中的Flash
。 我想我可以使用JavaScript的setTimeout
创build一个平滑的循环,但我应该用什么来embeddedvideo本身? 那里有什么东西可以按照FLVPlayback
的方式传输video吗?
循环属性应该这样做:
<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上的行为,因为它们对autoplay
有一些限制。
注2: loop="true"
和autoplay="autoplay"
已弃用
你可以通过以下两种方式来做到这一点:
1)在video元素中使用loop
属性(在第一个答案中提到):
2),你可以使用ended
媒体事件:
window.addEventListener('load', function(){ var newVideo = document.getElementById('videoElementId'); newVideo.addEventListener('ended', function() { this.currentTime = 0; this.play(); }, false); newVideo.play(); });