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

Thực thi một tập lệnh khi vị trí phát lại của phương tiện đã thay đổi trong HTML?


ontimeupdate sự kiện thuộc tính kích hoạt khi vị trí phát của phương tiện, ví dụ:video, bị thay đổi. Nó có thể tua đi hoặc tua lại trong video hoặc âm thanh.

Ví dụ

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

<!DOCTYPE html>
<html>
   <body>
      <h2 id="test">Play</h2>
      <video id = "myid" width="320" height = "176" controls ontimeupdate = "myFunction()">
         <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>
      <script>
         function myFunction() {
            document.getElementById("test").innerHTML = "Current position: " +
            document.getElementById("myid").currentTime;
         }
      </script>
   </body>
</html>