[html5]html5获取视频时长的代码
[html5]html5获取视频时长的代码,video元素有一个duration属性,它表示的是视频时长的秒数,在页面上为了能更友好的显示时间,我们还需要对这些秒数进行格式化
video
元素有一个duration
属性,它表示的是视频时长的秒数,在页面上为了能更友好的显示时间,我们还需要对这些秒数进行格式化,需要使用到parseInt
和余数操作 (%
):
- // 假设 "video" 就是这个视频元素
- var i = setInterval(function() {
- if(video.readyState > 0) {
- var minutes = parseInt(video.duration / 60, 10);
- var seconds = video.duration % 60;
- // (Put the minutes and seconds in the display)
- clearInterval(i);
- }
- }, 200);
需要说明的一点是,我们需要使用setInterval
来检查视频的readyState
是否有效,如果视频还没有加载成功,我们就去获取这个值,得到的数值就会有问题。parseInt
是用来获取分钟数,余数操作时用来获取秒数。来源:http://www.webhek.com/html5-video-duration
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...