Latest web development tutorials

HTML <track> 標籤

實例

帶有兩個字幕軌道的視頻:

<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>

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 10、Opera 和Chrome 瀏覽器支持<track> 標籤。


標籤定義及使用說明

<track> 標籤為媒體元素(比如<audio> and <video>)規定外部文本軌道。

這個元素用於規定字幕文件或其他包含文本的文件,當媒體播放時,這些文件是可見的。


HTML 4.01 與HTML5之間的差異

<track> 標籤是HTML5 中的新標籤。


可選的屬性

New :HTML5中的新屬性。

属性 描述
default New default 规定该轨道是默认的。如果用户没有选择任何轨道,则使用默认轨道。
kind New captions
chapters
descriptions
metadata
subtitles
规定文本轨道的文本类型。
label New text 规定文本轨道的标签和标题。
src New URL 必需的。规定轨道文件的 URL。
srclang New language_code 规定轨道文本数据的语言。如果 kind 属性值是 "subtitles",则该属性是必需的。

全局屬性

<track>標籤支持HTML的全局屬性


事件屬性

<track>標籤支持HTML的事件屬性