Đối tượng Track trong HTML DOM

Đối tượng Track trong HTML DOM đại diện cho phần tử <track>.

Tạo phần tử <track>

var trackObject = document.createElement("TRACK")

Đối tượng "trackObject" có thể có các thuộc tính sau:

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>Track kind</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-kind</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="Loại 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 = 'Loại track cho video: ' + trackSelect[i].kind;
    }
  </script>
</body>
</html>

Kết quả

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

Sau khi nhấn nút 'Loại track mặc định là gì?':