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

HTML タグ一覧

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

mediaGroup 属性は mediagroup HTML属性を反映し、その属性は所属する要素グループの名前を示します。メディア要素グループは共通のコントローラーを共有します。

オンラインサンプル

設定2個のビデオのメディアグループ：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ　mediaGroup　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="setMedGroup()"　type="button">2つのビデオにメディアグループを設定する</button>
<button　onclick="getMedGroup()"　type="button">ビデオのメディアグループを取得する</button>
<br>　
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　Your　browser　does　not　support　HTML5　video.
</video>
<video　id="video2"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザは　HTML5　video　　タグ。
</video>
<script>
myVid1=document.getElementById("video1");
myVid2=document.getElementById("video2");
function setMedGroup()
{　
　　myVid1.mediaGroup="test";
　　myVid2.mediaGroup="test";
}　
function　getMedGroup()
{　
　　alert("Video　1　media　group:　"　+　myVid1.mediaGroup　+
　".　Video　2　media　group:　"　+　myVid2.mediaGroup);
}　
</script>　　
</body>
</html>

テストを見てみる ‹/›

定義と使用方法

mediaGroup 属性の設定またはオーディオの返し/動画が属するメディアグループの名前。
メディアグループが許可2個または複数のオーディオ/動画要素が同期されています。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

構文

mediaGroup 属性を設定：

audio|video.mediaGroup="group"

mediaGroup 属性を返します：

audio|video.mediaGroup

属性値

値	説明
group	オーディオを規定/動画のメディアコンポジション。

技術的詳細

返り値：	文字列値、オーディオを指示/動画のメディアコンポジション。

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

HTML: <template> タグ