HTML - srclang Attribute



HTML srclang attribute is used to specify the language of the track text and it is of valid language tag.

If the kind attribute is set to subtitles (kind="subtitles"), then srclang must be defined.

Syntax

<track src=" " kind="subtitles" srclang="language_code" >

Language_code: It defines a two-letter language code which specify the language of the track text.

Applies on

Below-listed element allow the use of the HTML srclang attribute.

Element Description
<track> HTML <track> tag is used to define the time-based text tracks for a media file.

Examples of HTML srclang attribute

Below example will illustrate the HTML srclang attribute, where and how we should use this attribute!

Adding subtitles to video

Output window will display the video with english subtitles.

<!DOCTYPE html>
<html>

<head>
    <title>HTML srclang Attribute</title>
</head>

<body>
    <h2>HTML srclang Attribute</h2>
    <video width="350" height="200" controls>
    <track src=
"https://www.dropbox.com/s/xvjem6er1pp1usy/MicrosoftInclusiveHiring.mp?raw=1" 
            id="myTrack1" 
            kind="subtitles" 
            srclang="en">
    <source src=
"https://www.dropbox.com/s/xvjem6er1pp1usy/MicrosoftInclusiveHiring.mp4?raw=1" 
            type="video/mp4">
    </video>
</body>

</html>

Supported Browsers

Attribute Chrome Edge Firefox Safari Opera
srclang 23.0 10.0 31.0 6.0 12.1
html_attributes_reference.htm
Advertisements