我们在微信小程序业务当中,经常会用嵌入视频到我们的页面当中去。我们可以通过微信小程序video自带的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
})
}
然后在页面中,当视频元素加载完毕,就可以将时间渲染到页面当中了