在进行微信小程序开发的时候,使用到的video组件,在成功把视频渲染出来之后,控制台会报这样的错
[渲染层网络层错误] 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官网
uni.createVideoContext(videoId, this) | uni-app官网
参考文章:
解决微信小程序渲染层网络层错误 Failed to load media-CSDN博客 文章来源:https://www.toymoban.com/news/detail-774387.html
微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误的解决方法 - 开发笔记 - 梧州金马科技有限公司文章来源地址https://www.toymoban.com/news/detail-774387.html
到了这里,关于uniapp微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!