HTML <track> 標簽

2022-06-01 16:11 更新

<track> 標簽用作 <audio> 元素和 <video> 元素的子級,它允許您指定定時文本軌道(或基于時間的數(shù)據(jù)),采用 WebVTT 格式(.vtt 文件),請參考下述示例:

實例

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

<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 Explorer Firefox Opera Google Chrome Safari

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


標簽定義及使用說明

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

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

提示:track 給媒體元素添加的數(shù)據(jù)的類型在 kind 屬性中設置,kind 屬性的取值請參考下面的可選屬性列表。


HTML 4.01 與 HTML5之間的差異

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


可選的屬性

New :HTML5 中的新屬性。

屬性 描述
defaultNew default 規(guī)定該軌道是默認的。如果用戶沒有選擇任何軌道,則使用默認軌道。
kindNew captions
chapters
descriptions
metadata
subtitles
規(guī)定文本軌道的文本類型。
labelNew text 規(guī)定文本軌道的標簽和標題。
srcNew URL 必需的。規(guī)定軌道文件的 URL。
srclangNew language_code 規(guī)定軌道文本數(shù)據(jù)的語言。如果 kind 屬性值是 "subtitles",則該屬性是必需的。

全局屬性

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


事件屬性

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


相關文章

HTML DOM 參考手冊:HTML DOM Track 對象


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號