Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính srclang của Track trong HTML DOM

Thuộc tính srclang của Track trong HTML DOM thiết lập hoặc trả về một giá trị tương ứng với ngôn ngữ của text track.

Cú pháp

Lấy giá trị chuỗi:

trackObject.srclang

Thiết lập srclang thành stringValue:

trackObject.srclang = stringValue

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính Track srclang:

<!DOCTYPE html>
<html>
<head>
  <title>Track srclang</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <legend>Track-srclang</legend>
      <video id="videoSelect" controls width="250" src="sample.mp4">
        <track default kind="subtitles" srclang="es" src="sample-es.srt" label="Spanish" />
        <track kind="subtitles" srclang="en" src="sample-en.srt" label="English" />
      </video><br>
      <input type="button" onclick="getTrackDetails()" value="Ngôn ngữ của track mặc định là gì?">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var trackSelect = document.getElementsByTagName("track");
    function getTrackDetails() {
      for (var i = 0; i < trackSelect.length; i++)
        if (trackSelect[i].default && trackSelect[i].srclang === 'es')
          divDisplay.textContent = 'Ngôn ngữ của track mặc định: ' + trackSelect[i].label;
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Ngôn ngữ của track mặc định là gì?':

Thuộc tính srclang của Track trong HTML DOM

Sau khi nhấn nút 'Ngôn ngữ của track mặc định là gì?':

Thuộc tính srclang của Track trong HTML DOM