loop 属性是 HTML 标签 loop 属性的映射，它决定了媒体元素播放结束时是否重新开始。
在线示例
将视频设置为循环播放：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 loop 属性使用-大卫编程网(div.cn)</title>
</head>
<body>
<button onclick="enableLoop()" type="button">循环播放</button>
<button onclick="disableLoop()" type="button">禁用循环播放</button>
<button onclick="checkLoop()" type="button">检查循环状态</button>
<br>
<video id="video1" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 HTML5 视频。您的浏览器不支持 HTML5 video 标签。
</video>
<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>测试看看 ‹/›定义和用法
loop属性设置或返回音频/视频播放完成后是否应重新开始播放。
浏览器兼容性
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 loop 属性。
注意：Internet Explorer 8 及之前的版本不支持该属性。
语法
设置 loop 属性：
audio|video.loop=true|false
返回 loop 属性：
audio|video.loop
属性值
| 值 | 描述 |
|---|---|
| true | 指示音频/视频应该在结束时重新播放。 |
| false | 默认。指示音频/视频不应该在结束时重新播放。 |
技术细节
| 返回值： | 布尔值，true|false |
|---|---|
| 默认值： | false |