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

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

Thuộc tính defaultPlaybackRate của Video trong HTML DOM trả về hoặc thiết lập một số tương ứng với tốc độ phát lại mặc định của media.

Cú pháp

Trả về defaultPlaybackRate dưới dạng số:

mediaObject.defaultPlaybackRate

Thiết lập defaultPlaybackRate thành một số:

mediaObject.defaultPlaybackRate = số

LƯU Ý - Số có giá trị tối đa là '16' và nếu là '0.0' sẽ xảy ra lỗi.

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính Video defaultPlaybackRate:

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Video defaultPlaybackRate</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-defaultPlaybackRate</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(1)" value="Chậm (<<)">
      <input type="button" onclick="getTrackDetails(2)" value="Nhanh (>>)">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var demo = document.getElementById("demo");
    function getTrackDetails(val) {
      if (val === 1) {
        demo.defaultPlaybackRate -= 0.5;
        demo.load();
        divDisplay.textContent = 'Tốc Độ Phát Mặc Định: ' + demo.defaultPlaybackRate;
      } else {
        demo.defaultPlaybackRate += 0.5;
        demo.load();
        divDisplay.textContent = 'Tốc Độ Phát Mặc Định: ' + demo.defaultPlaybackRate;
      }
    }
  </script>
</body>
</html>

Kết quả

Nhấn nút 'Nhanh (>>)' 2 lần:

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

Nhấn nút 'Chậm (<<)':

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