·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]html5获取视频时长的代码

时间:2017-02-04 16:54酷播
[html5]html5获取视频时长的代码,video元素有一个duration属性,它表示的是视频时长的秒数,在页面上为了能更友好的显示时间,我们还需要对这些秒数进行格式化

video元素有一个duration属性,它表示的是视频时长的秒数,在页面上为了能更友好的显示时间,我们还需要对这些秒数进行格式化,需要使用到parseInt 和余数操作 (%):

  1. // 假设 "video" 就是这个视频元素 
  2. var i = setInterval(function() { 
  3.     if(video.readyState > 0) { 
  4.         var minutes = parseInt(video.duration / 60, 10); 
  5.         var seconds = video.duration % 60; 
  6.  
  7.         // (Put the minutes and seconds in the display) 
  8.  
  9.         clearInterval(i); 
  10.     } 
  11. }, 200); 

需要说明的一点是,我们需要使用setInterval来检查视频的readyState是否有效,如果视频还没有加载成功,我们就去获取这个值,得到的数值就会有问题。parseInt是用来获取分钟数,余数操作时用来获取秒数。来源:http://www.webhek.com/html5-video-duration

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器