我們?cè)谖⑿判〕绦驑I(yè)務(wù)當(dāng)中，經(jīng)常會(huì)用嵌入視頻到我們的頁面當(dāng)中去驾荣。我們可以通過微信小程序video自帶的bindloadedmetadata事件去獲取視頻的一些信息。
bindloadedmetadata事件
在video標(biāo)簽中加入該方法
<video bindloadedmetadata="getLength" title="2021第一個(gè)視頻" show-fullscreen-btn src="https://video.pearvideo.com/mp4/third/20210111/cont-1715979-11107897-185421-hd.mp4"></video>
然后我們?cè)贘S文件中添加該方法
// 獲取視頻時(shí)長
getLength(e) {
e.detail.duration = parseInt(e.detail.duration)
//處理時(shí)間格式并存放到data中
this.setData({
duration: parseInt(e.detail.duration / 60) + ":" + e.detail.duration % 60
})
}
然后在頁面中，當(dāng)視頻元素加載完畢媒至，就可以將時(shí)間渲染到頁面當(dāng)中了
