Computer >> Máy Tính >  >> Lập trình >> HTML

Thực thi một tập lệnh mỗi khi tốc độ phát lại thay đổi trong HTML?


Sử dụng onratechange để thực thi một tập lệnh mỗi khi tốc độ phát lại thay đổi trong HTML trong HTML.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai onratechange thuộc tính -

<!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>

Đầu ra

Thực thi một tập lệnh mỗi khi tốc độ phát lại thay đổi trong HTML?