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

メディアの長さがHTMLで変更されたときにスクリプトを実行しますか？

ondurationchange 属性は、オーディオ/ビデオの長さがHTMLで変更されたときにトリガーされます。

例 次のコードを実行して、 ondurationchangeを実装してみてください。 属性-

<!DOCTYPE HTML>
<html>
   <body>
      <video width = "300" height = "200" controls ondurationchange = "display(this)">
         <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 display(vLength) {
            alert("Video Length: " + vLength.duration + " seconds");
         }
      </script>
   </body>
</html>

  1. 要素がHTMLでクリックされているときにスクリプトを実行しますか？

    onclickを使用します 要素がHTMLでクリックされたときにスクリプトを実行する属性。 例 次のコードを実行して、 onclickを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <button onclick = "display()">Click</button>       <p id = "test"></p> &n

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

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