宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置： > 博客2 > Html5技术

[html5]Audio/Video的durationchange事件

2016-10-13 00:16:48 点击量:20 标签: 收藏本文

实例

提示视频的时长已改变：

  1. myVid=document.getElementById("video1"); 
  2. myVid.ondurationchange=alert("The video duration has changed"); 


定义和用法

当指定音频/视频的时长数据发生变化时，发生 durationchange 事件。

当音频/视频加载后，时长将由 "NaN" 变为音频/视频的实际时长。

当音频/视频处于加载过程中时，会依次发生以下事件：

loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough


浏览器支持

所有主流浏览器都支持 durationchange 事件。

注释：Internet Explorer 8 或更早的浏览器不支持该事件。
语法

在 HTML 中：

<audio|video ondurationchange="SomeJavaScriptCode">

在 JavaScript 中：

audio|video.ondurationchange=SomeJavaScriptCode;

使用 addEventListener()：

audio|video.addEventListener("durationchange", function()
{
//SomeJavaScriptCode
}
);

  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4.  
  5. <video id="video1" controls="controls"> 
  6.   <source src="/example/html5/mov_bbb.mp4" type="video/mp4"> 
  7.   <source src="/example/html5/mov_bbb.ogg" type="video/ogg"> 
  8.   Your browser does not support HTML5 video. 
  9. </video> 
  10.  
  11. <script> 
  12. myVid=document.getElementById("video1"); 
  13. myVid.addEventListener("durationchange", function() 
  14.   { 
  15.   alert("cuplayer.com提示：The video duration has changed"); 
  16.   } 
  17. ); 
  18. </script>  
  19.  
  20. </body>  
  21. </html> 

 

上一篇： [css]让页面中字母和数字强制换行的方法
下一篇： [html5]视频播放器js控制vedio视频和分段播放
ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室