Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Loại theo dõi Thuộc tính

Thuộc tính loại bản nhạc DOM trong HTML đặt / trả về giá trị của thuộc tính loại của phần tử bản nhạc để chỉ định loại bản nhạc văn bản.

Sau đây là cú pháp -

Trả về giá trị chuỗi

trackObject.kind

Đặt loại thành stringValue

trackObject.kind = stringValue

Đây, “stringValue ”Có thể là sau -

stringValue
Chi tiết
chú thích
Phụ đề là hội thoại chuyển ngữ và hiệu ứng âm thanh (thích hợp cho người khiếm thính)
chương
Nó xác định tiêu đề chương (được sử dụng để điều hướng tài nguyên phương tiện)
mô tả
Nó xác định mô tả văn bản của nội dung video (thích hợp cho người dùng khiếm thị)
siêu dữ liệu
Nó không hiển thị với người dùng và nội dung được sử dụng bởi các tập lệnh
phụ đề
Nó được sử dụng để hiển thị phụ đề trong video

Hãy để chúng tôi xem ví dụ về Loại theo dõi tài sản -

Ví dụ

<!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="What is the kind of default track?">
         <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 = 'kind of track for video: '+trackSelect[i].kind;
   }
</script>
</body>
</html>

Đầu ra

Trước khi nhấp vào ‘Loại bản nhạc mặc định là gì?’ nút -

HTML DOM Loại theo dõi Thuộc tính

Sau khi nhấp vào ‘Loại bản nhạc mặc định là gì?’ nút -

HTML DOM Loại theo dõi Thuộc tính