Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính buffered của Video trong HTML DOM


Thuộc tính buffered của đối tượng Video trong HTML DOM trả về một đối tượng TimeRanges chứa thông tin về độ dài phạm vi đã đệm của video và vị trí bắt đầu, kết thúc của nó.

Cú pháp

Trả về đối tượng TimeRanges:

mediaObject.buffered

Ví dụ

Ví dụ minh họa thuộc tính Video buffered:

<!DOCTYPE html> <html> <head> <title>HTML DOM Video buffered</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-buffered</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="getTrackDetails()" value="Lấy giây đã đệm">          <div id="divDisplay"></div>       </fieldset>    </form> <script>    var divDisplay = document.getElementById("divDisplay");    var demo = document.getElementById("demo");    demo.buffered = true;    function getTrackDetails() {       divDisplay.textContent = 'Đã đệm: '+demo.buffered.end(0)+' giây';    } </script> </body> </html>

Kết quả

Nhấn nút „Lấy giây đã đệm“ mà không phát video:

Thuộc tính buffered của Video trong HTML DOM

Nhấn nút „Lấy giây đã đệm“ sau khi phát video:

Thuộc tính buffered của Video trong HTML DOM