track 要素 (HTMLタグ)

テキストトラック(字幕)

2018年08月07日

HTMLのtrack要素の説明です。track要素は、動画・音声データの外部テキストトラック(字幕)を定義する要素です。


目次

  1. 要素の記述例
  2. 要素の説明
  3. 利用できる属性
  4. ブラウザデフォルトCSS設定

要素の記述例

track要素の記述例
<video src="video/sample2.mp4" width="320" height="180" controls crossorigin="anonymous">
  <track kind="captions" src="caption/sample2.vvt" srclang="ja" label="日本語字幕">
</video>

 

閲覧中ブラウザーでの表示結果

 

要素の説明

  • track要素は、動画・音声データの外部テキストトラック(字幕)を定義する要素です。

 

利用できる属性

track要素で利用できる属性
属性名 属性の説明
default デフォルトのテキストトラック(字幕)を定義する論理型属性です。
kind テキストトラック(字幕)の種類を示すキーワードを定義する属性です。
label テキストトラック(字幕)のタイトルを定義する属性です。
src テキストトラック(字幕)のURLを定義する要素です。
srclang テキストトラック(字幕)の言語の種類を定義する属性です。

グローバル属性

HTMLのすべての要素はグローバル属性が利用できます。グローバル属性の一覧については「グローバル属性」を参照してください。

イベントハンドラ属性

track要素がサポートするイベントハンドラ属性については「イベントハンドラ属性」を参照してください。

ブラウザデフォルトCSS設定

Google Chromeの場合

ブラウザデフォルトCSS設定はありません。

 

 

 

Programming Style