รันสคริปต์ทุกครั้งที่อัตราการเล่นเปลี่ยนใน HTML

ใช้แอตทริบิวต์ onratechange เพื่อรันสคริปต์ทุกครั้งที่อัตราการเล่น (playback rate) เปลี่ยนใน HTML

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อใช้งานแอตทริบิวต์ onratechange:

<!DOCTYPE html>
<html>
  <body>
    <video id="myid" width="320" height="176" controls onratechange="display()">
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      Your browser does not support the video element.
    </video>
    <p id="test">Change the speed of the video</p>
    <input type="range" min="0.1" max="3" step="0.2" value="1" oninput="update(this)">
    <script>
      function display() {
        document.getElementById("test").innerHTML = "Speed: " + document.getElementById("myid").playbackRate;
      }
      function update(ob) {
        document.getElementById("myid").playbackRate = ob.value;
      }
    </script>
  </body>
</html>

ผลลัพธ์