- 0133技术站
- 联系QQ:88526
- QQ交流群

- 微信公众号

定义
loop 属性是一个 boolean(布尔) 属性,用于规定当视频结束后将重新开始播放;如果设置该属性,则视频将循环播放。
语法
<video loop>
浏览器支持
属性 | ![]() | ![]() | ![]() | ![]() | ![]() |
loop | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 loop 属性。
注意: Internet Explorer 8 及更早IE版本不支持<video>
标签。
HTML 4.01 与 HTML5之间的差异
<video> 标签是HTML5新标签。
HTML 与 XHTML 之间的区别
在 XHTML 中, 属性不允许简写, loop 属性必须定义为 <video loop="loop">
。
设置为循环播放的 video 元素:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <video width="320" height="240" controls loop> <source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090816407251.mp4" type="video/mp4"> <source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090837618222.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册