<track> - トラック情報

トップ > HTMLリファレンス > <track>

概要

項目説明
形式<track kind="..." src="...">
サポートH5 / e10 / Ch23 / Fx28 / Sa6 / Op12.1
カテゴリ該当なし
親要素audio, video要素、フローコンテンツ
子要素無し(Empty)
タグの省略開始タグ:必須 / 終了タグ:無し

説明

trackは、audio要素や、video要素に対して、字幕、キャプション、チャプターなどのトラック情報を指定する際に用いられます。HTML5 で追加されました。

属性

【固有属性】
属性意味
kind=kindH5。トラック情報の種別を指定します。
  subtitles: サブタイトル(H5)(規定値)
  captions: キャプション(H5)
  descriptions: デスクリプション(H5)
  chapters: チャプター(H5)
  metadatas: メタデータ(H5)
src=urlH5。情報ソースのURLを指定します。
srclang=srclangH5。情報ソースの言語を指定します
label=labelH5。トラックを指定する際にユーザが指定するラベルを指定します。
default=defaultH5。このトラック情報をデフォルトとします。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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>

関連項目


Copyright (C) 2011-2015 杜甫々
初版:2011年6月11日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/track.htm