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

HTMLタグ一覧

HTML オーディオ/ビデオDOM自動再生属性

HTMLMediaElement.autoplay属性はHTML属性のautoplayと同等で、プレイヤーが十分なメディアファイルをダウンロードして再生可能になるまで自動再生するかどうかを示します。注意: 一部のChromeバージョンではautostartがサポートされていますが、autoplayはサポートされていません。

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

オンラインサンプル

自動再生を有効にし、ビデオを再読み込み：

サンプル

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">-8">
<title>HTML　オーディオ/video　audioTracks　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="enableAutoplay()"　type="button">自動再生を開始する</button>
<button　onclick="disableAutoplay()"　type="button">自動再生を無効にする</button>
<button　onclick="checkAutoplay()"　type="button">自動再生状態を確認</button>
<br>　
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTMLをサポートしていません。5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
function　enableAutoplay()
{　
　　myVid.autoplay=true;
　　myVid.load();
}　
function　disableAutoplay()
{　
　　myVid.autoplay=false;
　　myVid.load();
}　
function　checkAutoplay()}
{　
　　alert(myVid.autoplay);
}　
</script>　
</body>
</html>

テストを見てみる ‹/›

定義と使用方法

autoplay属性の設定または返却は、読み込んだ後にオーディオを再生するかどうかを示します。/ビデオの後にすぐに再生を開始します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは autoplay 属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンはこの属性をサポートしていません。

文法

autoplay 属性を設定：

audio|video.autoplay=true|false

返却 autoplay 属性：

audio|video.autoplay

属性値

値	説明
true	指示オーディオ/ビデオは読み込んだ後にすぐに再生を開始すべきです。
false	デフォルト。/ビデオは読み込んだ後にすぐに再生を開始すべきではありません。

技術的詳細

返却値：	ボルン値，true\|false
デフォルト値：	false

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

HTML: <template> タグ