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

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

Cú pháp

Lấy giá trị chuỗi:

trackObject.kind

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

trackObject.kind = stringValue

"stringValue" có thể là các giá trị sau:

stringValue	Chi tiết
captions	Phụ đề là bản dịch hội thoại và hiệu ứng âm thanh (phù hợp cho người khiếm thính)
chapters	Định nghĩa tiêu đề chương (dùng để điều hướng tài nguyên media)
descriptions	Định nghĩa mô tả văn bản của nội dung video (phù hợp cho người khiếm thị)
metadata	Không hiển thị cho người dùng, nội dung được sử dụng bởi script
subtitles	Dùng để hiển thị phụ đề trong video

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ì?':

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

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

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