HTML 參考手冊

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM loop 屬性

loop 屬性是 HTML 標(biāo)簽 loop 屬性的映射，它決定了媒體元素播放結(jié)束時是否重新開始。

在線示例

將視頻設(shè)置為循環(huán)播放：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 loop 屬性使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="enableLoop()" type="button">循環(huán)播放</button>
<button onclick="disableLoop()" type="button">禁用循環(huán)播放</button>
<button onclick="checkLoop()" type="button">檢查循環(huán)狀態(tài)</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的瀏覽器不支持 HTML5 視頻。您的瀏覽器不支持 HTML5 video  標(biāo)簽。
</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屬性設(shè)置或返回音頻/視頻播放完成后是否應(yīng)重新開始播放。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 loop 屬性。

注意：Internet Explorer 8 及之前的版本不支持該屬性。

語法

設(shè)置 loop 屬性：

audio|video.loop=true|false

返回 loop 屬性：

audio|video.loop

屬性值

值	描述
true	指示音頻/視頻應(yīng)該在結(jié)束時重新播放。
false	默認(rèn)。指示音頻/視頻不應(yīng)該在結(jié)束時重新播放。

技術(shù)細(xì)節(jié)

返回值：	布爾值，true\|false
默認(rèn)值：	false

HTML 音頻/視頻 DOM 參考手冊

HTML: <template> 標(biāo)簽