在 HTML5 中无限循环播放视频


<video> 标签设定了视频。目前为止,<video> 元素支持 3 种视频格式,分别是 MP4、WebM 和 Ogg。当视频和页面加载时,使用 Autoplay 启动视频播放。

loop 属性是一个布尔属性。如果有,则会设定视频每次播放完都从头开始。

可以使用 loop 属性完成这个操作。

<video width="600" height="500" autoplay loop>
   <source src="movie.mp4" type="video/mp4" />
   <source src="movie.ogg" type="video/ogg" />
   Your browser does not support the video element.
</video>

如果你的 loop 属性存在问题,监听 videoEnd 事件。触发该事件之后,再调用 play() 方法。

更新时间: 2019-07-30

5K+ 浏览

开启您的 职业

通过完成课程获得认证

开始
广告