HTML DOM Video sẵn sàng

Thuộc tính HTML DOM Video readyState trả về một số tương ứng với trạng thái sẵn sàng hiện tại của video.

Cú pháp

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

Trả lại giá trị số

mediaObject.readyState

Ở đây, giá trị trả về có thể như sau -

0 (CÓ_NOTHING) mô tả không có thông tin nào
1 (CÓ_METADATA) mô tả siêu dữ liệu cho phương tiện đã sẵn sàng và video có thể tìm kiếm được
2 (CÓ_CURRENT_DATA) mô tả dữ liệu cho vị trí phát hiện tại khả dụng, nhưng không đủ dữ liệu để phát khung tiếp theo
3 (OF_FUTURE_DATA) mô tả dữ liệu cho vị trí hiện tại và cả cho ít nhất hơn hai khung video
4 (CÓ_ENOUGH_DATA) mô tả đủ dữ liệu có sẵn để bắt đầu phát

Hãy để chúng tôi xem một ví dụ về HTML DOM Video readyState tài sản -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video readyState</title>
<style>
   * {
      padding: 2px;
      margin:5px;
   }
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
   <form>
      <fieldset>
         <legend>HTML-DOM-Video-readyState</legend>
         <video id="demo" width="320" controls><source src="" type="video/mp4"></video><br>
         <input type="button" onclick="setTrackDetails()" value="Set Source">
         <input type="button" onclick="getTrackDetails()" value="Get ready State">
         <div id="divDisplay">
         </div>
      </fieldset>
   </form>
   <script>
      var divDisplay = document.getElementById("divDisplay");
      var demo = document.getElementById("demo");
      var srcOfMedia = 'https://www.tutorialspoint.com/html5/foo.mp4';
      function getTrackDetails() {
         divDisplay.textContent = 'ready State: '+demo.readyState;
      }
      function setTrackDetails() {
         demo.src = srcOfMedia;
         demo.load();
      }
   </script>
</body>
</html>

Đầu ra

Nhấp vào ‘Trạng thái sẵn sàng’ nút không có nguồn được xác định -

HTML DOM Video sẵn sàng

Nhấp vào ‘Trạng thái sẵn sàng’ nút với nguồn được xác định -

HTML DOM Video sẵn sàng