HTML <track> タグ

  • 前のページ <tr>
  • 次のページ <tt>

定義と用法

<track> タグ <audio> または <video> テキストトラックを定義する要素

この要素は、メディア再生中に表示されるべき字幕、字幕ファイル、またはテキストを含むファイルを定義します。

トラックは WebVTT フォーマット（.vtt ファイル）を使用します。

参照：

HTML チュートリアル：HTML ビデオ

HTML チュートリアル：HTML オーディオ

HTML DOM リファレンスマニュアル：トラックオブジェクト

例

二つの言語の字幕トラックを持つビデオ：

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="英語">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="ノルウェイ">
</video>

オプションの属性

属性 値 説明
デフォルト デフォルト ユーザーの設定が他のトラックを適切と示していない場合に、このトラックを有効にします。
種類
  • キャプション
  • チャプター
  • 説明
  • メタデータ
  • サブタイトル
 テキストトラックのタイプを定義します。
ラベル テキスト テキストトラックのタイトルを指定します。
src URL 必須。トラックファイルの URL を指定します。
srclang 言語コード （kind="subtitles"の場合は必須）トラックテキストデータの言語を指定します。

グローバル属性

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

イベント属性

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

デフォルトの CSS 設定

なし。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
23.0 10.0 31.0 6.0 12.1
  • 前のページ <tr>
  • 次のページ <tt>