HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでメディアの再生位置が変わったらスクリプトを実行しますか?


ontimeupdate 属性イベントは、ビデオなどのメディアの再生位置が変更されたときにトリガーされます。早送りすることも、ビデオやオーディオで早送りすることもできます。

次のコードを実行してみてくださいontimeupdate 属性-

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

  1. 要素がHTMLでフォーカスを失ったときにスクリプトを実行しますか?

    onblurを使用する 要素がHTMLでフォーカスを失ったときに、属性はスクリプトを実行します。次のコードを実行して、 onblurを実装してみてください。 属性- 例 <!DOCTYPE html> <html>    <body>       <p>Type text below!</p>       Country: <input type = "text" name = "myid" id = &qu

  2. ブラウザがHTMLでメディアデータを取得しているときにスクリプトを実行しますか?

    onprogressを使用する ブラウザがHTMLでメディアデータを取得しているときにスクリプトを実行するための属性。 例 次のコードを実行して、 onprogressを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <video id = "myVideo" width = "320" height = "176" controls onprogress = "d