小程序网络视频组件video经常出现的错误解决

小程序网络视频组件错误

1.错误提示如下

复制代码
3[渲染层网络层错误] Failed to load media http://www.xxx.net/download/1.mp4#devtools_no_referrer
net::ERR_FAILED 
From server 112.126.62.195(env: Windows,mp,1.06.2401020; lib: 3.3.4)

2.解决文章请参考

本文链接:https://blog.csdn.net/csdn1940879828/article/details/129968652

微信小程序引入网络视频的时候:出现 渲染层网络层错误 Failed to load media

给组件加入autoplay后错误消失

3.原来代码

wxml端代码如下:

复制代码
<!-- 视频区域 -->
<video show-center-play-btn="{{false}}" 
       controls="{{false}}" 
       id="video"
       src='{{src}}' 
      
       ></video>

<!-- 播放按钮 -->
<view class='video_play_container'>
    <image  bindtap="videoPlay" class='video_btn' src='/template/exhibition_video/taobao_imgs/play.png'/>
    <image  bindtap="videoPause" class='video_btn' src='/template/exhibition_video/taobao_imgs/pause.png'/>
</view>

js端代码如下:

复制代码
  data: {
    src:"http://www.xxxx.net/download/1.mp4"
    
  },

4.整改后的代码

wxml端代码如下:

复制代码
<!-- 视频区域 -->
<video show-center-play-btn="{{false}}" 
       controls="{{false}}" 
       id="video"
       src='{{src}}' 
       autoplay="false"
       ></video>

<!-- 播放按钮 -->
<view class='video_play_container'>
    <image  bindtap="videoPlay" class='video_btn' src='/template/exhibition_video/taobao_imgs/play.png'/>
    <image  bindtap="videoPause" class='video_btn' src='/template/exhibition_video/taobao_imgs/pause.png'/>
</view>

js端代码如下:

复制代码
  data: {
    src:"http://www.xxxx.net/download/1.mp4"
    
  },
相关推荐
pearbing5 小时前
B站排名优化:知识、娱乐、生活类内容的差异化实操策略
人工智能·微信·小程序·生活·娱乐
流***陌5 小时前
旧物新生:一款回收小程序如何让环保成为举手之劳
小程序
尘似鹤7 小时前
微信小程序学习(五)
学习·微信小程序·小程序
一只小白菜~9 小时前
记录一下在微信小程序中的使用MobX做状态管理
微信小程序·小程序·mobx
weixin_lynhgworld11 小时前
淘宝扭蛋机小程序:如何用游戏化思维提升电商转化率
游戏·小程序
小小王app小程序开发17 小时前
潮玩盲盒抽赏小程序玩法拆解:不同视角下的增长逻辑分析
小程序
星光一影17 小时前
Java版旅游系统/文旅系统/旅游助手/旅游攻略/公众号/小程序/app全套源码
java·小程序·开源软件·旅游·源代码管理
小小王app小程序开发17 小时前
盲盒小程序爬塔玩法深度细分:非技术视角下的运营细节拆解
小程序
游戏开发爱好者818 小时前
苹果iOS26系统升级:液态玻璃与智能功能全解析
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
流***陌20 小时前
宠物寄养美容小程序前端功能解析:贴心照料宠物的全流程支撑
小程序·宠物