HTML Audio/Video DOM loop 属性 详解
HTML基础 2022-06-02 15:33:24小码哥的IT人生shichen
HTML Audio/Video DOM loop 属性
实例
将视频设置为循环播放：
myVid=document.getElementById("video1");
myVid.loop=true;
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<button onclick="enableLoop()" type="button">启用循环</button>
<button onclick="disableLoop()" type="button">禁用循环</button>
<button onclick="checkLoop()" type="button">检查循环的状态</button>
<br />
<br />
<video id="video1" controls="controls">
<source src="/demo/example/html5/mov_bbb.mp4" type="video/mp4">
<source src="/demo/example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support 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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
loop 属性设置或返回音频/视频是否应该在结束时再次播放。
浏览器支持
所有主流浏览器都支持 loop 属性。
注释：Internet Explorer 8 或更早的浏览器不支持该属性。
语法
设置 loop 属性：
audio|video.loop=true|false
返回 loop 属性：
audio|video.loop
属性值
| 值 | 描述 |
|---|---|
| true | 指示音频/视频应该在结束时再次播放。 |
| false | 默认。指示音频/视频不应该在结束时再次播放。 |
返回值
| 类型 | 描述 |
|---|---|
| 布尔值 | true|false。默认值是 false。 |
