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

Thuộc tính label của Track trong HTML DOM thiết lập hoặc trả về giá trị của thuộc tính label của phần tử track để chỉ định văn bản hiển thị cho track.

Cú pháp

Lấy giá trị chuỗi:

trackObject.label

Thiết lập label thành giá trị chuỗi:

trackObject.label = labelValue

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>Track label</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-label</legend>
      <video id="videoSelect" controls width="250" src="sample.mp4">
        <track default kind="subtitles" srclang="es" src="sample-en.srt" label="English"/>
        <track kind="subtitles" srclang="en" src="sample-es.srt" label="Spanish" />
      </video><br>
      <input type="button" onclick="getTrackDetails()" value="Nhãn 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)
          divDisplay.textContent = 'Nhãn của track mặc định: ' + trackSelect[i].label;
    }
  </script>
</body>
</html>

Kết quả

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

Sau khi nhấn nút 'Nhãn của track mặc định là gì?':