คุณสมบัติ defaultPlaybackRate ของ HTML DOM Video

คุณสมบัติ defaultPlaybackRate ของ HTML DOM Video (และ Audio) ใช้สำหรับ อ่านหรือกำหนด ตัวเลขที่สอดคล้องกับอัตราการเล่นเริ่มต้น (default playback rate) ของสื่อ

ไวยากรณ์ (Syntax)

การอ่านค่า

mediaObject.defaultPlaybackRate

การกำหนดค่า

mediaObject.defaultPlaybackRate = number

หมายเหตุ: ค่าตัวเลขมีค่าสูงสุดที่ 16 และหากตั้งค่าเป็น 0.0 จะเกิดข้อผิดพลาด

ตัวอย่างการใช้งาน

ตัวอย่างนี้ปรับความเร็วการเล่นวิดีโอด้วยปุ่ม "Slow (<<)" และ "Fast (>>)"

<!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="Slow (<<)">
      <input type="button" onclick="getTrackDetails(2)" value="Fast (>>)">
      <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 = 'Default Playback Set: '+demo.defaultPlaybackRate;
    }
    else{
      demo.defaultPlaybackRate += 0.5;
      demo.load();
      divDisplay.textContent = 'Default Playback Set: '+demo.defaultPlaybackRate;
    }
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

กดปุ่ม "Fast (>>)" 2 ครั้ง:

กดปุ่ม "Slow (<<)" 1 ครั้ง: