在进行微信小程序开发的时候,使用到的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博客 

微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误的解决方法 - 开发笔记 - 梧州金马科技有限公司

Logo

鸿蒙生态一站式服务平台。

更多推荐