HTMLTrackElement - HTMLのtrack要素
公開日:
HTMLTrackElementは、HTMLのtrack要素が実装するインターフェイスです。
概要
- 名前
- HTMLTrackElement
- 継承
- EventTarget
- Node
- Element
- HTMLElement
- HTMLTrackElement
- 実装
- 実装するインターフェイスはありません。
- IDL
[HTMLConstructor] interface HTMLTrackElement : HTMLElement { [CEReactions] attribute DOMString kind; [CEReactions] attribute USVString src; [CEReactions] attribute DOMString srclang; [CEReactions] attribute DOMString label; [CEReactions] attribute boolean default; const unsigned short NONE = 0; const unsigned short LOADING = 1; const unsigned short LOADED = 2; const unsigned short ERROR = 3; readonly attribute unsigned short readyState; readonly attribute TextTrack track; };
- 仕様書
- https://html.spec.whatwg.org/multipage/embedded-content.html#htmltrackelement
説明
HTMLTrackElementを作成する例です。
JavaScript
// 要素を作成する
var element = document.createElement( "track" ) ; // <track>
// 要素の内容
element.kind = "subtitles" ; // →<track kind="subtitles">
element.src = "./subtitles-ja.vtt" ; // →<track kind="subtitles" src="./subtitles-ja.vtt">
element.srclang = "ja" ; // →<track kind="subtitles" src="./subtitles-ja.vtt" srclang="ja">
element.label = "日本語" ; // →<track kind="subtitles" src="./subtitles-ja.vtt" srclang="ja" label="日本語">プロパティ
Node、Element、HTMLElementのプロパティを利用できます。
HTMLTrackElement.default
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
default属性を反映します。
HTMLTrackElement.kind
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
kind属性を反映します。
HTMLTrackElement.label
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
label属性を反映します。
HTMLTrackElement.readyState
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ●
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
ファイルの読み込み状況を表す整数を返します。整数は、定数に対応しています。
HTMLTrackElement.src
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
src属性を反映します。
HTMLTrackElement.srclang
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
srclang属性を反映します。
HTMLTrackElement.track
- Chrome
- ● 23+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 10+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
内容を、TextTrackで返します。
メソッド
EventTarget、Node、Element、HTMLElementのメソッドを利用できます。
定数
Nodeの定数を利用できます。
HTMLTrackElement.ERROR = 3
- Chrome
- ● 17+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 11+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
ロードの状況。3は、ファイルのロードに失敗したことを示します。
HTMLTrackElement.LOADED = 2
- Chrome
- ● 17+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 11+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
ロードの状況。2は、ファイルのロードが終了していることを示します。
HTMLTrackElement.LOADING = 1
- Chrome
- ● 17+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 11+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
ロードの状況。1は、ファイルをロード中であることを示します。
HTMLTrackElement.NONE = 0
- Chrome
- ● 17+
- Firefox
- ● 31+
- Edge
- ●
- IE
- ● 11+
- Safari
- ● 6.0+
- Opera
- ● 15+
- iOS
- ● 7.0+
- Android
- ● 4.4+
ロードの状況。0は、まだファイルをロードしていないことを示します。
サポート状況
HTMLTrackElementのサポート状況です。
| ブラウザ | サポート状況 | ブラウザ | サポート状況 |
|---|---|---|---|
| Chrome | Supported 17+ | Firefox | Supported 31+ |
| Edge | Supported | Internet Explorer | Supported |
| Safari | Supported 6.0+ | Opera | Supported 15+ |
| iOS Safari | Supported 7.0+ | Android | Supported 4.4+ |
Chrome
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 57 | Supported | 2017年3月頃 | 0.1% |
| 56 | Supported | 2017年1月頃 | 12.02% |
| 55 | Supported | 2016年12月頃 | 12.36% |
| 54 | Supported | 2016年10月頃 | 0.44% |
| 53 | Supported | 2016年9月頃 | 0.25% |
| 52 | Supported | 2016年7月頃 | 0.27% |
| 51 | Supported | 2016年6月頃 | 0.4% |
| 50 | Supported | 2016年4月頃 | 0.32% |
| 49 | Supported | 2016年3月頃 | 0.47% |
| 48 | Supported | 2016年1月頃 | 0.02% |
| 47 | Supported | 2015年12月頃 | 0.06% |
| 46 | Supported | 2015年10月頃 | 0.56% |
| 45 | Supported | 2015年9月頃 | 0.01% |
| 44 | Supported | 2015年7月頃 | 0.83% |
| 43 | Supported | 2015年5月頃 | 0.05% |
| 42 | Supported | 2015年4月頃 | 0.05% |
| 41 | Supported | 2015年3月頃 | 0.01% |
| 40 | Supported | 2015年1月頃 | 0.59% |
| 39 | Supported | 2014年11月頃 | 0.02% |
| 38 | Supported | 2014年10月頃 | 0.08% |
| 37 | Supported | 2014年8月頃 | 0.01% |
| 36 | Supported | 2014年7月頃 | 0.01% |
| 35 | Supported | 2014年5月頃 | 0.01% |
| 34 | Supported | 2014年4月頃 | 0.14% |
| 33 | Supported | 2014年2月頃 | 0.01% |
| 32 | Supported | 2014年1月頃 | 0% |
| 31 | Supported | 2013年11月頃 | 0.01% |
| 30 | Supported | 2013年10月頃 | 0.03% |
| 29 | Supported | 2013年8月頃 | 0% |
| 28 | Supported | 2013年6月頃 | 0.03% |
| 27 | Supported | 2013年5月頃 | 0.01% |
| 26 | Supported | 2013年3月頃 | 0% |
| 25 | Supported | 2013年2月頃 | 0% |
| 24 | Supported | 2013年1月頃 | 0% |
| 23 | Supported | 2012年11月頃 | 0% |
| 22 | Supported | 2012年9月頃 | 0% |
| 21 | Supported | 2012年7月頃 | 0% |
| 20 | Supported | 2012年6月頃 | 0% |
| 19 | Supported | 2012年5月頃 | 0% |
| 18 | Supported | 2012年3月頃 | 0.01% |
| 17 | Supported | 2012年2月頃 | 0.01% |
| 16 | Not Supported | 2011年12月頃 | 0% |
| 15 | Not Supported | 2011年10月頃 | 0% |
| 14 | Not Supported | 2011年9月頃 | 0% |
Firefox
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 52 | Supported | 2017年3月頃 | 0.12% |
| 51 | Supported | 2017年1月頃 | 1.7% |
| 50 | Supported | 2016年11月頃 | 0.78% |
| 49 | Supported | 2016年9月頃 | 0.02% |
| 48 | Supported | 2016年8月頃 | 0.07% |
| 47 | Supported | 2016年6月頃 | 0.03% |
| 46 | Supported | 2016年4月頃 | 0.01% |
| 45 | Supported | 2016年3月頃 | 0.1% |
| 44 | Supported | 2016年1月頃 | 0.01% |
| 43 | Supported | 2015年12月頃 | 0.02% |
| 42 | Supported | 2015年11月頃 | 0.01% |
| 41 | Supported | 2015年9月頃 | 0% |
| 40 | Supported | 2015年8月頃 | 0.02% |
| 39 | Supported | 2015年7月頃 | 0.01% |
| 38 | Supported | 2015年5月頃 | 0.02% |
| 37 | Supported | 2015年3月頃 | 0% |
| 36 | Supported | 2015年2月頃 | 0.01% |
| 35 | Supported | 2015年1月頃 | 0% |
| 34 | Supported | 2014年12月頃 | 0.01% |
| 33 | Supported | 2014年10月頃 | 0% |
| 32 | Supported | 2014年9月頃 | 0% |
| 31 | Supported | 2014年7月頃 | 0.01% |
| 30 | Not Supported | 2014年6月頃 | 0% |
| 29 | Not Supported | 2014年4月頃 | 0% |
| 28 | Not Supported | 2014年3月頃 | 0.01% |
| 27 | Not Supported | 2014年2月頃 | 0% |
| 26 | Not Supported | 2013年12月頃 | 0% |
| 25 | Not Supported | 2013年10月頃 | 0% |
| 24 | Not Supported | 2013年9月頃 | 0% |
| 23 | Not Supported | 2013年8月頃 | 0% |
| 22 | Not Supported | 2013年6月頃 | 0% |
| 21 | Not Supported | 2013年5月頃 | 0% |
| 20 | Not Supported | 2013年4月頃 | 0% |
| 19 | Not Supported | 2013年2月頃 | 0% |
| 18 | Not Supported | 2013年1月頃 | 0% |
| 17 | Not Supported | 2012年11月頃 | 0% |
| 16 | Not Supported | 2012年10月頃 | 0% |
| 15 | Not Supported | 2012年8月頃 | 0% |
| 14 | Not Supported | 2012年7月頃 | 0% |
| 13 | Not Supported | 2012年6月頃 | 0% |
| 12 | Not Supported | 2012年4月頃 | 0% |
| 11 | Not Supported | 2012年3月頃 | 0% |
| 10 | Not Supported | 2012年1月頃 | 0% |
| 9 | Not Supported | 2011年12月頃 | 0% |
| 8 | Not Supported | 2011年11月頃 | 0% |
| 7 | Not Supported | 2011年9月頃 | 0% |
| 6 | Not Supported | 2011年8月頃 | 0% |
| 5 | Not Supported | 2011年6月頃 | 0% |
| 4 | Not Supported | 2011年3月頃 | 0% |
Edge
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 14 | Supported | 2016年2月頃 | 1.05% |
| 13 | Supported | 2015年9月頃 | 0.08% |
Internet Explorer
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 11 | Supported | 2013年10月頃 | 4.99% |
| 10 | Supported | 2012年8月頃 | 0.09% |
| 9 | Supported | 2011年3月頃 | 0.18% |
| 8 | Supported | 2009年3月頃 | 0.04% |
| 7 | Supported | 2006年10月頃 | 0.01% |
| 6 | Supported | 2001年8月頃 | 0% |
Safari
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 10 | Supported | 2016年10月頃 | 0% |
| 9.1 | Supported | 2015年9月頃 | 0% |
| 8.0 | Supported | 2014年10月頃 | 0% |
| 7.1 | Supported | 2013年10月頃 | 0% |
| 6.0 | Supported | 2012年7月頃 | 0% |
| 5.1 | Not Supported | 2011年7月頃 | 0% |
| 4 | Not Supported | 2009年6月頃 | 0% |
Opera
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 43 | Supported | 2017年2月頃 | 0.06% |
| 42 | Supported | 2016年12月頃 | 0.09% |
| 41 | Supported | 2016年10月頃 | 0.01% |
| 40 | Supported | 2016年9月頃 | 0% |
| 39 | Supported | 2016年8月頃 | 0% |
| 38 | Supported | 2016年6月頃 | 0% |
| 37 | Supported | 2016年5月頃 | 0.01% |
| 36 | Supported | 2016年3月頃 | 0.01% |
| 35 | Supported | 2016年2月頃 | 0% |
| 34 | Supported | 2015年12月頃 | 0% |
| 33 | Supported | 2015年10月頃 | 0% |
| 32 | Supported | 2015年9月頃 | 0% |
| 31 | Supported | 2015年8月頃 | 0% |
| 30 | Supported | 2015年6月頃 | 0% |
| 29 | Supported | 2015年4月頃 | 0% |
| 28 | Supported | 2015年3月頃 | 0% |
| 27 | Supported | 2015年1月頃 | 0% |
| 26 | Supported | 2014年12月頃 | 0% |
| 25 | Supported | 2014年10月頃 | 0% |
| 24 | Supported | 2014年9月頃 | 0% |
| 23 | Supported | 2014年7月頃 | 0% |
| 22 | Supported | 2014年6月頃 | 0% |
| 21 | Supported | 2014年5月頃 | 0.01% |
| 20 | Supported | 2014年3月頃 | 0% |
| 19 | Supported | 2014年1月頃 | 0% |
| 18 | Supported | 2013年11月頃 | 0% |
| 17 | Supported | 2013年10月頃 | 0% |
| 16 | Supported | 2013年8月頃 | 0% |
| 15 | Supported | 2013年7月頃 | 0% |
| 12 | Not Supported | 2012年6月頃 | 0.02% |
| 11.6 | Not Supported | 2011年12月頃 | 0% |
| 11.1 | Not Supported | 2011年4月頃 | 0% |
iOS Safari
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 10.0 | Supported | 2016年9月頃 | 39.65% |
| 9.1 | Supported | 2015年9月頃 | 5.39% |
| 8.3 | Supported | 2014年9月頃 | 1.03% |
| 7.0 | Supported | 2013年9月頃 | 0.24% |
| 6.0 | Not Supported | 2012年9月頃 | 0.05% |
| 5.1 | Not Supported | 2011年10月頃 | 0.03% |
Android
| バージョン | サポート状況 | 公開時期 | シェア |
|---|---|---|---|
| 4.4 | Supported | 2013年10月頃 | 0% |
| 4.3 | Not Supported | 2013年7月頃 | 0% |
| 4.2 | Not Supported | 2013年3月頃 | 0.03% |
| 4.1 | Not Supported | 2012年12月頃 | 0% |
| 4.0 | Not Supported | 2012年6月頃 | 1.61% |
| 2.3 | Not Supported | 2011年10月頃 | 0% |