vlambda博客
学习文章列表

定义与用法

• <track>标签用于为媒体文件定义基于时间的文本轨道，<track>标签必须作为<audio>和<video>元素的子元素。

• <track>标签用于添加字幕，标题或播放媒体文件时显示的任何其他形式的文本。

• <track>标签是HTML5引入的的新标签。

  
  

语法格式

<track src=” ” kind=” ” srclang=” ” label=” “> 

示例代码

 
   
   
 

  
    
    
  这是一个带字幕文件的Track标签示例
 
   
   
 
<video controls="controls">  
    <source src="flower.mp4" type="video/mp4">  
    <track src="flower.vtt" kind="subtitles" srclang="en" label="English">  
    你的浏览器不支持Track标签。
</video>  

浏览器支持

IE	Firefox	Chrome	Safari	Opera

IE 10、Opera 和 Chrome 浏览器支持 <track> 标签。

标签属性

: HTML5新属性。

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

全局属性

<track> 标签支持 HTML 的全局属性。

事件属性

<track> 标签支持 HTML 的事件属性。

点击下方“阅读原文”阅览效果更佳