- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:21:02
定义
loop 属性用于控制媒体元素（音频/视频）在播放结束时是否应该重新开始播放。
语法
设置 loop 属性：
audio|video.loop=true|false
返回 loop 属性：
audio|video.loop
属性值
● true：指定媒体元素（音频/视频）在播放结束时重新开始播放。
● false：默认值，指定媒体元素（音频/视频）在播放结束时不应该重新开始播放。
返回值：返回一个 Boolean值，当媒体元素在播放结束时重新播放，则返回true；否则返回false。
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
loop | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 loop 属性。
注意：Internet Explorer 8 及之前的版本不支持该属性。
将视频设置为循环播放：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<br>
<video id="video1" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822829671474.ogg" type="video/ogg">
您的浏览器不支持 HTML5 视频。您的浏览器不支持 HTML5 video 标签。
</video>
<br>
<button onclick="enableLoop()" type="button">循环播放</button>
<button onclick="disableLoop()" type="button">禁用循环播放</button>
<button onclick="checkLoop()" type="button">检查循环状态</button>
<script>
myVid=document.getElementById("video1");
function enableLoop()
{
myVid.loop=true;
myVid.load();
}
function disableLoop()
{
myVid.loop=false;
myVid.load();
}
function checkLoop()
{
alert(myVid.loop);
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册