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

HTML タグ一覧

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

videoTracks は HTMLMediaElement の読み取り専用属性で、VideoTrackList リストです。リストには、対応するメディア要素のビデオトラックが VideoTrack 型オブジェクトとして含まれます。

オンラインサンプル

利用可能なビデオトラックの数を取得：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/ビデオ videoTracks 属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button　onclick="getVideoTracks()"　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　getVideoTracks()
{　
　　alert(myVid.videoTracks.length);
}　
</script>　
</body>
</html>

テストしてみる ‹/›

定義と使用法

videoTracks 属性は VideoTrackList オブジェクトを返します。
VideoTrackList オブジェクトはビデオの利用可能なビデオトラックを表します。
すべての利用可能なビデオトラックは VideoTrack オブジェクトで表されます。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

文法

video.videoTracks

返り値

タイプ	説明
VideoTrackList オブジェクト	ビデオの利用可能なビデオトラックを表す。 VideoTrackList オブジェクト： videoTracks.length - ビデオの中で利用可能なビデオトラックの数を取得 videoTracks.getTrackById(id) - id を通じて VideoTrack オブジェクトを取得します videoTracks[index] - インデックス index を通じて VideoTrack オブジェクトを取得します videoTracks.selectedIndex - 現在の VideoTrack オブジェクトのインデックスを取得します注記：最初の利用可能な VideoTrack オブジェクトのインデックス index は 0 です。
VideoTrack オブジェクト	ビデオトラックを表します。 VideoTrack オブジェクトの属性： id - ビデオトラックの id を取得します kind - ビデオトラックの種類を取得します（"alternative"、"captions"、"main"、"sign"、"subtitles"、"commentary" または ""（空文字列）） label - ビデオトラックのラベルを取得します language - ビデオトラックの言語を取得します selected - ビデオトラックがアクティブかどうかを取得または設定します（true\|false）

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

HTML: <template> タグ