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

HTMLタグ一覧

HTML オーディオ/ビデオ DOM controller属性

controller属性は、この要素に割り当てられたメディアコントローラーを表します。

オンラインの例

このビデオにメディアコントローラーがありますかを確認：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　controller　属性の使用方法-基本的なチュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="checkMedCont()"　type="button">このビデオにメディアコントローラーがありますかを確認：</button>
<br>　
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザはHTML5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
function　checkMedCont()
{　
　　alert("Controller:　"　+　myVid.controller);
}　
</script>　
</body>
</html>

テストをしてみてください ‹/›

定義と使用方法

controller属性はオーディオ/ビデオの現在のメディアコントローラー。
デフォルトでは、オーディオ/ビデオ要素にはメディアコントローラーがありません。メディアコントローラーが指定されている場合、controller属性はそれをMediaControllerオブジェクトとして返します。
ヒント：コントロール属性を使用して、ビデオが標準のコントロールを表示するかどうかを設定または返します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

文法

audio|video.controller

返り値

タイプ	説明
MediaController オブジェクト	オーディオを表す/ビデオのメディアコントローラ。 MediaController オブジェクトの属性/メソッド： buffered - オーディオを取得する/ビデオのバッファリング範囲 seekable - オーディオを取得する/ビデオのアドレス指定範囲 duration - オーディオを取得する/ビデオの長さ currentTime - オーディオを取得または設定する/ビデオの現在の再生位置 paused - オーディオを検出する/ビデオが一時停止されているかどうか play() - オーディオを再生する/ビデオ pause() - オーディオを一時停止する/ビデオ played - オーディオを検出する/ビデオが再生済みかどうか defaultPlaybackRate - オーディオを取得または設定する/ビデオのデフォルトの再生速度 playbackRate - オーディオを取得または設定する/ビデオの現在の再生速度 volume - オーディオを取得または設定する/ビデオの音量 muted - オーディオを取得または設定する/ビデオがミュートされているかどうか

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

HTML: <template> タグ