HTMLリファレンスマニュアル

HTMLタグ一覧

HTML オーディオ/ビデオDOMループ属性

loop属性は、メディア要素が再生終了した後に再開されるかどうかを決定するHTMLタグloop属性のマッピングです。

オンラインサンプル

ビデオをループ再生に設定する：

サンプル

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">-8">
<title>HTML　オーディオ/ビデオ　loop　属性の使用-基本チュートリアル(oldtoolbag.com)</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をサポートしていません5　ビデオ。あなたのブラウザはHTML5をサポートしていません5　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

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

HTML: <template> タグ