小程序网络视频组件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"
    
  },
相关推荐
@PHARAOH11 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_113 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙15 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820915 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘17 小时前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理18 小时前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
曲江涛1 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
27669582921 天前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
web_Hsir1 天前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
fakaifa2 天前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商