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

メディアデータがHTMLでロードされたときにスクリプトを実行しますか？

onloaddataイベントを使用して、メディアデータがロードされたときにスクリプトを実行します。次のコードを実行して、onloaddataイベントを実装してみてください-

例

次のコードは、動画が読み込まれたときにアラートボックスを生成します-

<!DOCTYPE html>
<html>
   <body>
      <video controls onloadeddata = "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>
      <script>
         function display() {
            alert("Loaded!");
         }
      </script>
   </body>
</html>

  1. HTMLで要素が無効なときにスクリプトを実行しますか？

    要素がHTMLで無効な場合にスクリプトを実行するには、 oninvalidを使用します 属性。 例 次のコードを実行して、 oninvalidを実装してみてください。 属性。 <!DOCTYPE html> <html>    <head>       <title>HTML oninvalid attribute</title>    </head>    <body>      

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

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