Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <body> <video id="myVideo" width="320" height="176" controls ondurationchange="myFunction(this)"> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 视频。 </video> <script> function myFunction(x) { alert("本视频时长为：" + x.duration + " 秒"); } </script> <p>此示例演示如何在 VIDEO 元素上使用“ondurationchange”属性。</p> <p><strong>注意：</strong>当视频加载时，会发生“ondurationchange”事件，它从“NaN”变为视频的实际时长。</p> <p>视频由 <a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a> 提供。</p> </body> </html>