HTML <track> タグ

前へ 完全なHTM リファレンス 次へ

2 つの字幕トラック付きビデオ:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

定義と用法

<track> タグは、メディア要素(<audio> と <video>)のテキスト・トラックを指定します。

この要素は、メディアの再生時に表示される、字幕、キャプションファイルやテキストを含む他のファイルを 指定する場合に使用します。


ブラウザ・サポート

表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。

要素
<track> 18.0 10.0 31.0 6.0 15.0

HTML 4.01 と HTML5 の相違点

<track> タグは、HTML5で新しく追加されました。


任意属性

= HTML5 で新規追加。

属性 説明
default default ユーザの好みが他のトラックの方が適切であることを示している場合を除き、そのトラックを有効にすることを指定する
kind captions
chapters
descriptions
metadata
subtitles
テキスト・トラックの種類を指定する
label text テキスト・トラックのタイトルを指定する
src URL 必須。トラックファイルの URL を指定する
srclang language_code トラック・テキストデータの言語を指定する(kind="subtitles" の場合は必須)

グローバル属性

<track> タグは、HTML のグローバル属性もサポートします。


イベント属性

<track> タグは、HTML のイベント属性もサポートします。


関連ページ

HTML チュートリアル:HTML5 Video

HTML チュートリアル:HTML5 Audio

HTML DOM リファレンス:Track オブジェクト


デフォルトの CSS 設定

なし。


前へ 完全なHTM リファレンス 次へ