當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。