在進行微信小程序開發(fā)的時候，使用到的video組件，在成功把視頻渲染出來之后，控制臺會報這樣的錯
[渲染層網(wǎng)絡層錯誤] Failed to load media
https://temp.mp4#devtools_no_referrer
net::ERR_FAILED?
From server 222.76.205.74(env: Windows,mp,1.06.2301160; lib: 3.2.4)
?通過百度之后嘗試過兩種方式
一：添加autoplay屬性
但是autoplay屬性會導致視頻自動播放，所以需要給標簽加上id屬性，然后在mounted方法中調用uni.createVideoContext去停止視頻
<video id="myVideo" style="width: 100%; height: 100%;" type="video/mp4" :src="item.urls"? controls></video>
?mounted() {
? ? ? ? ? this.videoContext = uni.createVideoContext(`myVideo`)
? ? ? ? ? this.videoContext.stop()
},
這樣寫之后，一開始可以，后面打開時不時還是會報錯
二：將autoplay屬性置為false
<video id="myVideo" style="width: 100%; height: 100%;" type="video/mp4" :src="item.urls" :autoplay="false" controls></video>
只需要將:autoplay="false"，之后重新打開幾次都沒有報錯了
uni文檔：
video | uni-app官網(wǎng)
uni.createVideoContext(videoId, this) | uni-app官網(wǎng)
參考文章：
解決微信小程序渲染層網(wǎng)絡層錯誤 Failed to load media-CSDN博客?文章來源：http://www.zghlxwxcb.cn/news/detail-774387.html
微信小程序使用視頻組件video時提示[渲染層網(wǎng)絡層錯誤] Failed to load media錯誤的解決方法 - 開發(fā)筆記 - 梧州金馬科技有限公司文章來源地址http://www.zghlxwxcb.cn/news/detail-774387.html
到了這里，關于uniapp微信小程序使用視頻組件video時提示[渲染層網(wǎng)絡層錯誤] Failed to load media錯誤的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
