小程序网络视频组件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"
    
  },
相关推荐
00后程序员张21 分钟前
HTTPS 包 抓取与分析实战,从抓包到解密、故障定位与真机取证
网络协议·http·ios·小程序·https·uni-app·iphone
一匹电信狗1 小时前
【C++】C++风格的类型转换
服务器·开发语言·c++·leetcode·小程序·stl·visual studio
2501_915921431 小时前
iOS混淆与IPA加固实战手记,如何构建苹果应用防反编译体系
android·macos·ios·小程序·uni-app·cocoa·iphone
李慕婉学姐4 小时前
【开题答辩过程】以《自习室预约微信小程序》为例,不会开题答辩的可以进来看看
微信小程序·小程序
LB21124 小时前
苍穹外卖-购物车 前端修改(小程序主页与购物车模块显示不一致)
小程序
peachSoda74 小时前
自定义配置小程序tabbar逻辑思路
javascript·vue.js·微信小程序·小程序
ღ᭄ꦿ࿐Never say never꧂5 小时前
微信小程序 Button 组件 open-type 完全指南:从用户信息获取到客服分享的实战应用
spring boot·微信小程序·小程序·uni-app·vue3
2501_9151063213 小时前
iOS 26 APP 性能测试实战攻略:多工具组合辅助方案
android·macos·ios·小程序·uni-app·cocoa·iphone
巨神峰SEO16 小时前
支付宝小程序 SEO 实战:鲜花送达类小程序抢占搜索流量指南
小程序·支付宝小程序排名优化·支付宝小程序seo·支付宝小程序排名·支付宝优化
凉辰17 小时前
微信小程序uni.request 返回值存在精度丢失问题
微信小程序·小程序