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

news/2024/7/20 1:25:29 标签: 小程序

小程序网络视频组件错误

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"
    
  },

http://www.niftyadmin.cn/n/5450117.html

相关文章

openGauss学习笔记-251 openGauss性能调优-使用Plan Hint进行调优-行数的Hint

文章目录 openGauss学习笔记-251 openGauss性能调优-使用Plan Hint进行调优-行数的Hint251.1 功能描述251.2 语法格式251.3 参数说明251.4 建议251.5 示例 openGauss学习笔记-251 openGauss性能调优-使用Plan Hint进行调优-行数的Hint 251.1 功能描述 指明中间结果集的大小&a…

题目 2811: 救援

题目描述: 救生船从大本营出发&#xff0c;营救若干屋顶上的人回到大本营&#xff0c;屋顶数目以及每个屋顶的坐标 和人数都将由输入决定&#xff0c;求出所有人都到达大本营并登陆所用的时间。 在直角坐标系的原点是大本营&#xff0c;救生船每次从大本营出发&#xff0c;救了…

软件设计师19--文件管理

软件设计师19--文件管理 考点1&#xff1a;文件相关概念例题&#xff1a; 考点2&#xff1a;树形目录结构&#xff08;绝对路径与相对路径&#xff09;例题&#xff1a; 考点3&#xff1a;位示图例题&#xff1a; 考点4&#xff1a;索引文件索引文件结构例题&#xff1a; 考点1…

C语言程序与设计——预处理命令

宏 在C语言中宏有三种形式: 定义符号常量定义傻瓜表达式定义代码段 在使用宏的过程中需要注意的是&#xff0c;宏的作用仅仅是在预处理阶段对代码进行替换&#xff0c;而非进行运算&#xff0c;所以在使用时&#xff0c;如果出现了我们预期之外的结果&#xff0c;很有可能是宏…

Dubbo源码解析-Provider服务暴露Export源码解析

上篇我们介绍了ServiceBean初始化和依赖注入过程&#xff0c;地址如下 Dubbo源码-Provider服务端ServiceBean初始化和属性注入-CSDN博客 本文主要针Dubbo服务端服务Export过程&#xff0c;从dubbo源码角度进行解析。 Dubbo 服务端暴露细节流程比较长&#xff0c;也是面试过程中…

人机对话 :人工智能对未来就业的影响——使用kimi AI

人机对话 &#xff1a;人工智能对未来就业的影响——使用kimi AI 一、计算机替代人类劳动的发展趋势预测。二、在AI技术快速发展的背景下&#xff0c;教育体系应该如何改革以适应未来劳动市场的需求&#xff1f;三、具体预测一下未来10年后对就业形势的影响。四、未来10年&…

Vue2(十一):全局事件总线、消息订阅与发布pubsub、TodoList的编辑功能、$nextTick、过渡与动画

一、全局事件总线 1、思路解析 一种组件间通信的方式&#xff0c;适用于任意组件间通信。通俗理解就是一个定义在所有组件之外的公共x&#xff0c;这个x可以有vm或vc上的同款$on、$off、$emit&#xff0c;也可以让所有组件都访问到。 第一个问题&#xff1a;那怎样添加这个x才…

leetcode35-Search Insert Position

排序数组搜索某个元素&#xff0c;这种思维一定要往二分法上靠 public class searchInsertPosition{public static void main(String[] args) {int arr[] {1,3,5,6};System.out.println(getIndex(arr,2));}public static int getIndex(int[] arr,int target) {int start 0;i…