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

我们在微信小程序业务当中,经常会用嵌入视频到我们的页面当中去。我们可以通过微信小程序video自带的bindloadedmetadata事件去获取视频的一些信息。


bindloadedmetadata事件

在video标签中加入该方法

<video bindloadedmetadata="getLength" title="2021第一个视频"  show-fullscreen-btn src="https://video.pearvideo.com/mp4/third/20210111/cont-1715979-11107897-185421-hd.mp4"></video>

然后我们在JS文件中添加该方法

// 获取视频时长
getLength(e) {
    e.detail.duration = parseInt(e.detail.duration)
    //处理时间格式并存放到data中
    this.setData({
        duration:  parseInt(e.detail.duration / 60) + ":" + e.detail.duration % 60
    })
}
然后在页面中,当视频元素加载完毕,就可以将时间渲染到页面当中了
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。