HTMLTrackElement インターフェイス
HTMLTrackElement インターフェイスは、<audio> 、<video>エレメントといったメディアにテキストトラックを設定する <track> エレメントを定義したインターフェイスです。
<video autoplay muted>
<track kind="subtitles" src="example.vvt">
<source src="video.webm"></source>
<source src="example.mp4"></source>
</video>
HTMLTrackElement インターフェイスは、プロパティ、メソッド、イベントを定義しています。
- EventTarget
-
- └ Node
-
- └ Element
-
- └ HTMLElement
-
- ┆
- ├ HTMLTrackElement
- ┆
ページ内 Index
プロパティ(Properties)
HTMLTrackElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。
| プロパティ | 概要 | 分類 |
|---|---|---|
| .kind | テキストトラックの種類を指定。<track> エレメントの kind 属性が該当。DOMString 型 | |
| .src | テキストトラックデータのURL。<track> エレメントの src 属性が該当。USVString 型 | |
| .srclang | テキストトラックの言語を指定。<track> エレメントの srclang 属性が該当。DOMString 型 | |
| .label | テキストトラックのタイトル。<track> エレメントの label 属性が該当。DOMString 型 | |
| .default | テキストトラックがデフォルトであるか／否か。<track> エレメントの default 属性が該当。Boolean 型 | |
| .readyState | テキストトラックの読み込み状態を示す。unsigned short 型 | |
| .track | テキストトラックデータである TextTrack オブジェクトを返す |
以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。
Nodeのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのプロパティ一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
メソッド(Methods)
HTMLTrackElement インターフェイスは独自のメソッドをもちません。
HTMLTrackElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。
Nodeのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
Elementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのメソッド一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
イベント(Event)
HTMLTrackElement にイベントハンドラーを定義する方法には以下があります。
HTMLTrackElement.addEventListener( 'click', ()=>{...} )
HTMLTrackElement.onclick = function(){...}
<button onclick = "..." >
イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。
以下は、HTMLTrackElement が継承しているイベント一覧です。分類「メディア」が HTMLTrackElement に関連するイベントです。
GlobalEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
DocumentAndElementEventHandlersのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|
HTMLElementのイベント一覧
| タイプ名（ハンドラー名） | 概要 | 分類 |
|---|