HTML-Entwicklungshandbuch
/ <track>
<track>
HTML <track> 標(biāo)簽 實(shí)例 帶有兩個(gè)字幕軌道的視頻: <video width='320' height='240' controls> <source src='forrest_gump.mp4' type='video/mp4'> &..
HTML <track> 標(biāo)簽
實(shí)例
帶有兩個(gè)字幕軌道的視頻:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="Norwegian">
</video>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en"
label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="Norwegian">
</video>
瀏覽器支持
IE 10、Opera 和 Chrome 瀏覽器支持 <track> 標(biāo)簽。
標(biāo)簽定義及使用說明
<track> 標(biāo)簽為媒體元素(比如 <audio> and <video>)規(guī)定外部文本軌道。
這個(gè)元素用于規(guī)定字幕文件或其他包含文本的文件,當(dāng)媒體播放時(shí),這些文件是可見的。
HTML 4.01 與 HTML5之間的差異
<track> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
可選的屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
default New | default | 規(guī)定該軌道是默認(rèn)的。如果用戶沒有選擇任何軌道,則使用默認(rèn)軌道。 |
kind New | captions chapters descriptions metadata subtitles | 規(guī)定文本軌道的文本類型。 |
label New | text | 規(guī)定文本軌道的標(biāo)簽和標(biāo)題。 |
src New | URL | 必需的。規(guī)定軌道文件的 URL。 |
srclang New | language_code | 規(guī)定軌道文本數(shù)據(jù)的語言。如果 kind 屬性值是 "subtitles",則該屬性是必需的。 |
全局屬性
<track> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<track> 標(biāo)簽支持 HTML 的事件屬性。