HTML <track> 標簽
定義和用法
<track>
標簽為 <audio> 或 <video> 元素規定文本軌道。
此元素用于規定字幕、字幕文件或其他包含文本的文件,這些文件在播放媒體時應該可見。
軌道采用 WebVTT 格式(.vtt 文件)。
另請參閱:
HTML 教程:HTML 視頻
HTML 教程:HTML 音頻
HTML DOM 參考手冊: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="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video>
可選的屬性
屬性 | 值 | 描述 |
---|---|---|
default | default | 規定如果用戶的首選項不指示其他軌道更合適,則啟用該軌道。 |
kind |
|
規定文本軌道的類型。 |
label | 文本 | 規定文本軌道的標題。 |
src | URL | 必需。規定軌道文件的 URL。 |
srclang | 語言代碼 | 規定軌道文本數據的語言(如果 kind="subtitles",則必需)。 |
全局屬性
<track>
標簽還支持 HTML 中的全局屬性。
事件屬性
<track>
標簽還支持 HTML 中的事件屬性。
默認的 CSS 設置
無。
瀏覽器支持
表中的數字注明了首個完全支持該屬性的瀏覽器版本。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
23.0 | 10.0 | 31.0 | 6.0 | 12.1 |