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

Thuộc tính default của Track trong HTML DOM thiết lập hoặc trả về một giá trị boolean tương ứng với việc track có được bật mặc định cho đến khi tùy chọn của người dùng mâu thuẫn hay không.

Lưu ý: Chỉ nên có một track là default cho mỗi phần tử media (audio/video).

Cú pháp

Lấy giá trị boolean (true/false):

trackObject.default

Thiết lập default thành booleanValue:

trackObject.default = booleanValue

"booleanValue" có thể là:

Ví dụ

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

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

Kết quả

Trước khi nhấn nút 'Track mặc định là gì?':

Sau khi nhấn nút 'Track mặc định là gì?':