問題場景
后臺(tái)上傳了有一個(gè)大小為700+M的視頻文件，結(jié)果在小程序播放頁面加載一會(huì)就會(huì)黑屏，并且視頻時(shí)長也沒有解析成功，但是視頻路徑在瀏覽器訪問是沒有問題的。（當(dāng)時(shí)是在小米手機(jī)出現(xiàn)該bug）
分析問題
可能原因：
- 上傳阿里云視頻路徑地址有問題。（已排除）
- 可能視頻文件過大，導(dǎo)致加載失敗。
- 是否是手機(jī)廠商兼容性問題。
解決方案
針對以上問題首先在本地微信ide上無法復(fù)現(xiàn)該bug，視頻都能正常播放。然后找了三款手機(jī)進(jìn)行測試：
| 機(jī)型 | 是否復(fù)現(xiàn)該bug |
| vivo | 否 |
| 華為 | 是 |
| 蘋果 | 否 |
接著就去百度找相關(guān)帖子，最多的解決方案是在video標(biāo)簽上添加custom-cache="{{true}}"，意思大概是是否允許用戶緩存，由于微信小程序中的video標(biāo)簽是對原生H5<video>做過二次封裝的，因此查了官方文檔，文檔上并未出現(xiàn)該屬性，并且添加完這個(gè)屬性后并未解決我的問題。
于是，就直接使用該標(biāo)簽的解析錯(cuò)誤的回調(diào)：
捕獲的錯(cuò)誤信息如下：
error {
"type": "error",
"target": {"dataset": {}, "id": "myVideo", "offsetTop": 0, "offsetLeft": 0},
"currentTarget": {"dataset": {}, "id": "myVideo", "offsetTop": 0, "offsetLeft": 0},
"timeStamp": 32924,
"detail": {
"errMsg": "MEDIA_ERR_DECODE(-14000,14010017)"
}
}?最后搜了很多帖子都沒有找的解決辦法，最后將問題拋給了官方：
文章來源：http://www.zghlxwxcb.cn/news/detail-486810.html
結(jié)論
最后，通過修改視頻文件名稱問題是解決了，但是小視頻文件名可以是中文，大視頻文件就不行，屬實(shí)有點(diǎn)。。。，當(dāng)然還有其他方式比如將視頻源文件轉(zhuǎn)碼成其他格式的文件。希望文章能歐幫助到遇到同樣問題的小伙伴，有問題歡迎指正，再見！！文章來源地址http://www.zghlxwxcb.cn/news/detail-486810.html
到了這里，關(guān)于小程序video標(biāo)簽在（華為手機(jī)）無法播放.mp4長視頻（ios上正常）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
