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

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

Cú pháp

Lấy giá trị chuỗi:

trackObject.src

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

trackObject.src = URL

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>Track src</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-src</legend>
      <video id="videoSelect" controls width="250" src="sample.mp4">
        <track default kind="subtitles" srclang="es" src="sample-es.srt" label="English"/>
        <track kind="subtitles" srclang="en" src="sample-en.srt" label="Spanish" />
      </video><br>
      <input type="button" onclick="getTrackDetails()" value="Src của track mặc định có đáng tin cậy?">
      <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) {
          console.log(trackSelect[i].src);
          if (trackSelect[i].src === 'sample-es.srt')
            divDisplay.textContent = 'Src của track mặc định đáng tin cậy';
          else
            divDisplay.textContent = 'Src của track mặc định không đáng tin cậy';
        }
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Src của track mặc định có đáng tin cậy?':

Sau khi nhấn nút 'Src của track mặc định có đáng tin cậy?':