当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <track>用法及代码示例


<track>标签为媒体组件的音频和视频指定文本轨道。该部分用于指定字幕,字幕文件或其他包含文本的文件,一旦媒体参与,这些文件应该是可见的。

用法:

<track Attribute>

属性:

  • default:如果用户想要更改轨道,则指定启用该轨道
  • kind:指定文本轨道的类型
  • label:文字轨道的标题
  • src:用于跟踪文件的URL
  • srclang:它告诉轨道文本数据的语言(如果kind =“ subtitles”,则需要)

例:

<html> 
  
<head> 
</head> 
  
<body style="text-align:center"> 
    <h1 style="color:green">  
    GeeksforGeeks  
</h1> 
    <h2>HTML Track srclang Attribute</h2> 
  
    <video width="600" height="400" controls> 
  
        <track src="CSS-animation-duration02.mp4" 
               id="myTrack1"
               kind="subtitles"
               srclang="en"
               label="English"> 
  
            <source id="myTrack" 
                    src="CSS-animation-duration02.mp4" 
                    type="video/mp4"> 
    </video> 
</body> 
  
</html>

输出:

支持的浏览器:下面列出了HTML <track>标记支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • 苹果Safari
  • Opera

相关用法


注:本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | <track> tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。