HTML DOM Video networkState Thuộc tính

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

Cú pháp

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

Trả lại giá trị số

mediaObject.networkState

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

0 (NETWORK_EMPTY) mô tả phương tiện chưa được khởi chạy
1 (NETWORK_IDLE) mô tả phương tiện đang hoạt động và đã chọn tài nguyên, nhưng không sử dụng mạng
2 (NETWORK_LOADING) mô tả trình duyệt đang tải xuống dữ liệu phương tiện
3 (NETWORK_NO_SOURCE) mô tả không tìm thấy nguồn phương tiện nào

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

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video networkState</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-networkState</legend>
         <video id="demo" width="320" controls><source    src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br>
         <input type="button" onclick="setTrackDetails()" value="Set Source">
         <input type="button" onclick="getTrackDetails()" value="Get Network 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 = 'Network State: '+demo.networkState;
      }
      function setTrackDetails() {
         demo.src = srcOfMedia;
         demo.load();
      }
</script>
</body>
</html>

Đầu ra

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

HTML DOM Video networkState Thuộc tính

Nhấp vào ‘Nhận trạng thái mạng’ với nguồn được xác định nhưng trình duyệt tải xuống dữ liệu -

HTML DOM Video networkState Thuộc tính