码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-07-24 14:56:19      阅读:973      评论:0      收藏:0      [点我收藏+]

标签:定时   分享图片   同步   nan   src   load   技术分享   时间   现在   

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

技术分享图片

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

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

OK了,现在可以获取到了

技术分享图片

 

 希望本文对你有所帮助!

 

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

标签:定时   分享图片   同步   nan   src   load   技术分享   时间   现在   

原文地址:https://www.cnblogs.com/wangqiao170/p/9359760.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!