Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="英语">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="挪威语">
</video>

定义和用法

The <track> 标签为 <audio><video> 元素指定文本轨道。

此元素用于指定字幕、字幕文件或其他包含文本的文件,这些文件在媒体播放时应可见。

轨道采用 WebVTT 格式(.vtt 文件)。


浏览器支持

表中的数字指定完全支持该元素的第一个浏览器版本。

元素
<track> 23.0 10.0 31.0 6.0 12.1

可选属性

属性 描述
default default 指定如果用户的首选项未指示其他轨道更合适,则应启用该轨道
kind captions
chapters
descriptions
metadata
subtitles
指定文本轨道的类型
label text 指定文本轨道的标题
src URL 必需。指定轨道文件的 URL
srclang language_code 指定轨道文本数据的语言(如果 kind="subtitles" 则必需)

全局属性

The <track> 标签还支持 HTML 中的全局属性


事件属性

The <track> 标签还支持 HTML 中的事件属性


相关页面

HTML 教程:HTML 视频

HTML 教程:HTML 音频

HTML DOM 参考:Track 对象


默认 CSS 设置

无。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.