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

HTML タグ一覧

HTML オーディオ/ビデオ DOM controls プロパティ

controls プロパティはHTML内のコントロールHTML属性を制御し、再生中のメディア（ビデオまたはオーディオ）のコントロールバーの表示を制御します。

オンラインサンプル

ビデオコントロールを有効にする：

サンプル

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/動画　controls　プロパティの使用-基本チュートリアル(oldtoolbag.com)</<title>
</<head>
<body>
<button　onclick="enableControls()"　type="button">コントロールを起動する</button>
<button　onclick="disableControls()"　type="button">コントロールを無効にする</button>
<button　onclick="checkControls()"　type="button">チェックコントロール状態</button>
<br>　
<video　id="video1">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTML5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
function　enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function　disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function　checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

テストを見てみる ‹/›

定義と使用方法

controls コントロール属性の設定または返却は、ブラウザが標準のオーディオを表示すべきかどうかを示します。/ビデオコントロール。

標準のオーディオ/ビデオコントロール包括：

再生
一時停止
進行状況バー
音量
フルスクリーン切り替え（ビデオ用）
字幕（利用可能な場合）
トラック（利用可能な場合）

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

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

構文

controls 属性を設定する：

audio|video.controls=true|false

controls 属性を返す：

audio|video.controls

属性値

値	説明
true	コントロールを表示する指示。
false	デフォルト。コントロールを表示しない指示。

技術的詳細

返り値：	ボルン値、true\|false
デフォルト値：	false

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

HTML: <template> タグ