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


HTML Track kind用法及代码示例


DOM Track的kind属性用于设置或返回track的kind属性的值。 kind属性用于指定轨道的类型。

用法:

  • 它用于返回kind属性。
    trackObject.kind
  • 它还用于设置kind属性。

    trackObject.kind = “captions|metadata|chapters|subtitles|descriptions”



值:它是true或false,表示轨道的默认状态。默认情况下为false。

  • captions:它定义了对话和声音效果的翻译,也适用于聋哑用户。
  • metadata:它指出脚本使用的内容,但不会显示给用户。
  • chapters:它定义了适合浏览媒体资源的章节标题。
  • subtitles:在视频中显示字幕。
  • descriptions:它描述了视频内容的文字描述。
  • 返回值:它以字符串形式返回文本轨道的类型。

    <html> 
      
    <head> 
        <style> 
            body { 
                text-align:center; 
            } 
              
            h1 { 
                color:green; 
            } 
        </style> 
    </head> 
      
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2>Track kind Property</h2> 
      
        <video width="100" 
               height="100"
               controls> 
      
            <track src= 
    "https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
                   id="myTrack" 
                   kind="subtitles" 
                   srclang="en" 
                   label="English" 
                   default> 
      
                <source id="myTrack2"
                        src= 
    "https://contribute.geeksforgeeks.org/wp-content/uploads/11.mp4"
                        type="video/mp4"> 
      
        </video> 
      
        <p> 
          Click the button to get the kind  
          property of the track. 
      </p> 
      
        <button onclick="myFunction()"> 
            Get kind property 
        </button> 
      
        <p id="gfg"></p> 
        <!-- Script to get the kind property -->
        <script> 
            function myFunction() { 
                var x = document.getElementById( 
                  "myTrack").kind; 
                document.getElementById( 
                  "gfg").innerHTML = x; 
            } 
        </script> 
    </body> 
      
    </html>

    Output:
    在单击按钮之前:

    单击按钮后:

    Supported Browsers:

    • 谷歌浏览器
    • Internet Explorer 10.0+
    • Opera


相关用法


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