获取HTML5视频时长的方法
来源:互联网 发布:全知之眼纹身手腕 编辑:程序博客网 时间:2024/06/09 17:08
HTML5是令人兴奋的,单从我们再也不需要Flash和其它第三方浏览器插件播放视频这一点上说就已经足够了。 在HTML5视频上我们可以自定义播放控制和现实效果,我们还可以在线获取视频的各种信息,比如今天要说的如果获取视频时长信息。
JavaScript代码
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是用来获取分钟数,余数操作时用来获取秒数。
JavaScript代码
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是用来获取分钟数,余数操作时用来获取秒数。
0 0
- 获取HTML5视频时长的方法
- Android获取视频音频的时长的方法
- Android获取视频音频的时长的方法
- Android获取视频音频的时长的方法
- 获取视频时长
- 获取视频时长
- js获取视频时长
- jave获取视频时长
- jave获取视频时长
- js获取视频时长
- html5读取网页视频时长
- iOS开发:获取一个视频、音频文件的播放时长
- PHP获取视频的第一帧与时长
- ffmpeg转换视频格式、获取视频截图、获取视频时长
- java调用ffmpeg获取视频时长
- Java获取3gp视频时长
- java 获取音频,视频时长
- FFMPEG获取视频播放时长
- 安卓手机安装busybox使用linux命令
- SpringMVC学习笔记
- MyBatis的foreach语句详解
- Java 编程要点之并发(Concurrency)详解
- NSIndex简单练习
- 获取HTML5视频时长的方法
- 模拟微信登录
- 一览HTML5新特性
- 编译目前最新的lua5.3.2到Android平台
- [日志处理]log4j配置详解
- MSP430x2xx的时钟配置
- HTML5预加载功能
- ABAP 选择屏幕选择条件带出信息
- java多线程并发概览