Skip to content
Related Articles

Related Articles

Improve Article

HTML | kind Attribute

  • Last Updated : 02 Feb, 2021

The HTML <track> kind Attribute is used to specify the kind of the track for video and audio files. This is very useful if the listener or viewer is deaf.

Syntax:  

<track src="subtitles_en.vtt" kind="subtitles" srclang="en">

Attribute Value: It is either true or false which shows the default state of the track. By default, it is false.  

  • captions: It defines translation of dialogue and sound effects which is also suitable for deaf users.
  • metadata: It states content used by scripts but is not shown to users.
  • chapters: It defines chapter titles which is suitable to navigate the media resource.
  • subtitles: Display subtitles in a video and audio.
  • descriptions: It describes the textual description of the video or audio content.

Example 1: This example illustrates the <track> kind attribute with video element.  

HTML






<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML track kind Attribute
    </title>
     
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>HTML track kind Attribute</h2>
  
    <video width="420" height="240" controls>
        <source src="video1" type="video/mp4">
        <track src="subtitles_en.vtt" kind="subtitles"
                      srclang="en" label="English">
    </video>
</body>
 
</html>          

Output: 
 

Example 2:This example illustrates the use of <track> kind attribute with audio element. 

HTML




<!DOCTYPE html>
<html>
     
<head>
    <title>
        HTML track kind Attribute
    </title>
     
    <style>
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
     
    <h2>HTML track kind Attribute</h2>
  
    <audio  controls>
        <source src="audiofile_name" type="audio/mp3">
         
        <track src="subtitles_en.vtt" kind="subtitles"
                      srclang="en" label="English">
    </audio>
</body>
 
</html>          

Output: 
 

Supported Browsers: The browser supported by HTML <track> kind Attribute are listed below: 

  • Google Chrome 18.0
  • Internet Explorer 10.0
  • Mozilla Firefox 31.0
  • Safari 6.0
  • Opera 15.0

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :