HTML5 track标签
摘要:track标签为诸如 video 元素之类的媒介规定外部文本轨道
实例
播放带有字幕的视频:
浏览器支持
Internet Explorer 10, Chrome 以及 Opera 支持 <track> 标签。
定义和用法
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
HTML 4.01 与 HTML 5 之间的差异
<track> 标签是 HTML 5 中的新标签。
属性
new : HTML5 中的新属性。
全局属性
<track> 标签支持 HTML 中的全局属性。
事件属性
<track> 标签支持 HTML 中的事件属性。
播放带有字幕的视频:
代码
1 | <video width= "320" height= "240" controls= "controls" > |
2 | <source src= "forrest_gump.mp4" type= "video/mp4" /> |
3 | <source src= "forrest_gump.ogg" type= "video/ogg" /> |
4 | <track kind= "subtitles" src= "subs_chi.srt" srclang= "zh" label= "Chinese" > |
5 | <track kind= "subtitles" src= "subs_eng.srt" srclang= "en" label= "English" > |
6 | </video> |
Internet Explorer 10, Chrome 以及 Opera 支持 <track> 标签。
定义和用法
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
HTML 4.01 与 HTML 5 之间的差异
<track> 标签是 HTML 5 中的新标签。
属性
new : HTML5 中的新属性。
js代码
01 | //规定该轨道是默认的,假如没有选择任何轨道。 |
02 | default = default |
03 |
04 | //表示轨道属于什么文本类型。 |
05 | kind=captions|chapters|descriptions|metadata|subtitles |
06 |
07 | //轨道的标签或标题。 |
08 | label=label |
09 |
10 | //轨道的 URL。 |
11 | src=url |
12 |
13 | //轨道的语言,若 kind 属性值是 "subtitles",则该属性必需的。 |
14 | srclang=language_code |
<track> 标签支持 HTML 中的全局属性。
事件属性
<track> 标签支持 HTML 中的事件属性。
相关文章
html5标题快速浏览33
- HTML5 参考手册
- HTML5全局属性
- HTML5事件属性
- HTML5 article标签
- HTML5 aside标签
- HTML5 audio标签
- HTML5 bdi标签
- HTML5 canvas标签
- HTML5 command标签
- HTML5 datalist标签
- HTML5 details标签
- HTML5 dialog标签
- HTML5 embed标签
- HTML5 figcaption标签
- HTML5 figure标签
- HTML5 footer标签
- HTML5 header标签
- HTML5 keygen标签
- HTML5 mark标签
- HTML5 meter标签
- HTML5 nav标签
- HTML5 output标签
- HTML5 progress标签
- HTML5 rp标签
- HTML5 rt标签
- HTML5 ruby标签
- HTML5 section标签
- HTML5 source标签
- HTML5 summary标签
- HTML5 time标签
- HTML5 track标签
- HTML5 video标签
- HTML5 wbr标签
相关文章