uniapp微信小程序使用视频组件video时提示[渲染层网络层错误] Failed to load media错误

在进行微信小程序开发的时候,使用到的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错误的解决方法 - 开发笔记 - 梧州金马科技有限公司

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值