微信小程序獲取video視頻的時(shí)長

我們在微信小程序業(yè)務(wù)當(dāng)中，經(jīng)常會用嵌入視頻到我們的頁面當(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>

然后我們在JS文件中添加該方法

// 獲取視頻時(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)中了
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容