在HTML5中播放无限循环的video

我正在寻找一个HTML5页面,将开始播放页面加载播放video,一旦完成,循环回到开始不中断。 video也不应该有与之相关的任何控制,要么与所有“现代”浏览器兼容,要么可以select填充。

以前,我会通过FlashFLVPlayback完成此操作,但是我宁愿避开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(); });