最新のWeb開発のチュートリアル
 

HTML <track> Tag


2字幕付きのビデオtracks

<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>タグは、テキストを指定するtracksメディア要素(のため<audio><video> )。

この要素は、字幕、字幕ファイルやメディアが再生されているときに表示する必要があるテキストを含む他のファイルを、指定するために使用されます。


ブラウザのサポート

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

素子
<track> 18.0 10.0 31.0 6.0 15.0

HTML 4.01とHTML5の違い

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


オプション属性

= HTML5で追加。

属性 説明
default default ことを指定しtrack 、ユーザの嗜好が別のことを示していない場合は有効にする必要があるtrackより適切であろう
kind captions
chapters
descriptions
metadata
subtitles
テキストの種類を指定しtrack
label text テキストのタイトル指定track
src URL 必須。 URLを指定しtrackファイルを
srclang language_code 言語を指定track (場合に必要なテキストデータをkind="subtitles"

グローバル属性

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


イベント属性

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


関連ページ

HTMLチュートリアル: HTML5ビデオ

HTMLチュートリアル: HTML5オーディオ

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


デフォルトのCSS設定

なし。