<track> - トラック情報
目次
概要
- 形式
<track kind="..." src="...">
- サポート
- https://caniuse.com/mdn-html_elements_track
- カテゴリ
- 該当なし
- 親要素
- audio, video要素 (フローコンテンツ よりも前に記述)
- 子要素
- 無し(Empty)
- タグの省略
- 開始タグ:必須 / 終了タグ:無し
- 属性
- グローバル属性
- default
- kind
- label
- src
- srclang
説明
trackは、<audio>
要素や、<video>
要素に対して、字幕、キャプション、チャプターなどのトラック情報を指定する際に用いられます。HTML5 で追加されました。
属性
- グローバル属性
- 詳細は グローバル属性 を参照してください。
- kind=kind
- LS/H5。トラック情報の種別を指定します。
- subtitles
- サブタイトル(H5)(規定値)
- captions
- キャプション(H5)
- descriptions
- デスクリプション(H5)
- chapters
- チャプター(H5)
- metadatas
- メタデータ(H5)
- src=url
- LS/H5。情報ソースのURLを指定します。
- srclang=srclang
- LS/H5。情報ソースの言語を指定します
- label=label
- LS/H5。トラックを指定する際にユーザが指定するラベルを指定します。
- default=default
- LS/H5。このトラック情報をデフォルトとします。
使用例
HTML
<video src="brave.webm"> <track kind="subtitles" src="brave.ja.vtt" srclang="ja" label="Japanese"> <track kind="subtitles" src="brave.en.vtt" srclang="en" label="English"> <track kind="subtitles" src="brave.de.vtt" srclang="de" label="Deutsch"> </video>
関連項目
リンク
- https://html.spec.whatwg.org/multipage/media.html#the-track-element
- https://developer.mozilla.org/ja/docs/Web/HTML/Element/track
- https://caniuse.com/mdn-html_elements_track
Copyright (C) 2011-2017 杜甫々
初版:2011年6月11日 最終更新:2017年12月31日
https://www.tohoho-web.com/html/track.htm