Play を実装してみてください。"/> Play を実装してみてください。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTML では、メディアの再生位置が変更されたときにスクリプトを実行しますか?

HTML では、メディアの再生位置が変更されたときにスクリプトを実行しますか?

WBOY
WBOY転載
2023-08-27 17:53:091085ブラウズ

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>
を実装してみてください。

以上がHTML では、メディアの再生位置が変更されたときにスクリプトを実行しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。