vue / js使用video获取视频时长

Posted 王子乔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue / js使用video获取视频时长相关的知识,希望对你有一定的参考价值。

项目中遇到上传视频功能,需要有预览和获取视频时长功能,因之前使用upload(有需要的话可以参考下我之前的文章),这里就不赘述,直接用来上传视频,不过在上传之前和上传成功后的钩子里,获取不到时长:

没有时长怎么办呢,只能用原生JS来获取:

上传成功以后,将成功的路径绑定给video

使用js获取duration并赋给时间参数

这时你会发现,你得到的值是NaN

视频还未加载下来,无法同步获取到,使用定时器即可解决

OK了,现在可以获取到了

 

 希望本文对你有所帮助!

 

以上是关于vue / js使用video获取视频时长的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序获取video视频的时长

【web前端】用video标签获取视频的时长

layui上传视频并获得视频时长的方法

js实现视频本地预览,一级获取播放时长

js获取video的播放时长

JS的video获取时长,出现问题汇总