首页 > 文章列表 > 当HTML中的媒体长度发生变化时执行脚本吗?

当HTML中的媒体长度发生变化时执行脚本吗?

372 2023-09-14

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>