婀娜晨曦
婀娜晨曦
  • 发布:47 分钟前
  • 更新:46 分钟前
  • 阅读:21

【报Bug】uniapp video标签,开发模式能正常播放视频,但是正式环境无法播放视频,真机调试也无法播放

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 5.34

第三方开发者工具版本号: 5.33.2026102115-alpha

基础库版本号: 3.17.6

项目创建方式: HBuilderX

示例代码:
<video id="playerVideo" class="pf-video" :src="videoUrl" :poster="drama.cover" :controls="false"  
            :show-center-play-btn="false" :enable-progress-gesture="false" object-fit="cover"  
            @loadedmetadata="onLoadedMetadata" @play="onPlay" @pause="onPause" @timeupdate="onTimeUpdate"  
            @ended="onEnded" @error="onVideoError"></video>  

操作步骤:

真机调试有问题,视频无法播放; 点击视频进入视频想请播放页, 视频无法播放

预期结果:

真机调试,能正常播放, 微信小程序上线后video标签能正常播放。

实际结果:

真机调试,视频无法播放, 提示视频播放失败。

bug描述:

a、本地开发正常,视频能正常播放;
b、真机调试有问题,视频无法播放
c、在真机调试模式下,我们开启了开发调试功能,并清除过当前小程序的缓存,重新来过后,并未有任何改变。
d、点击视频播放按钮后,跳转视频播放页面。进入页面后,我们添加了视频报错功能的提示,但是未触发视频报错功能,而是直接在页面上显示当前视频暂无法播放的显示。我们同时排查了视频源的格式和编码的问题,视频格式是MP4,编码为H.264的编码,均支持微信小程序端。
e、视频地址:https://powerbank-ryb.oss-cn-shanghai.aliyuncs.com/uploads/20261113/7d5fd1e56f49ec947ff9c62255ac7154.mp4

47 分钟前 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

您好,感谢您提交的 bug 反馈。我以官方人员的视角对这份反馈进行了评审,以下是评审意见:

一、反馈内容完整性分析

目前这份反馈的内容不够完整,官方人员难以据此直接复现和定位问题,具体如下:

  1. 代码示例:缺失。未提供 video 标签的具体使用代码(src 绑定方式、相关属性配置等),也未提供视频源地址。视频源地址非常关键,请补充是网络地址还是本地地址,若是网络地址请给出具体 URL,便于验证视频源的可访问性。

  2. 复现步骤:描述过于简单(“点击视频进入视频想请播放页”,此处疑似有错别字),无法据此复现。请补充完整操作路径、微信开发者工具版本号、微信基础库版本号、真机机型与系统版本,以及“真机调试”的具体形态(预览、真机调试、体验版等)。

  3. 关键现象信息不足:您提到“添加了视频报错功能的提示,但未触发视频报错功能,而是直接在页面上显示当前视频暂无法播放的显示”,请说明该提示是自定义 UI 还是系统提示、其触发逻辑是什么;同时请补充真机调试时控制台的具体输出(是否触发 error 事件、具体错误码/errMsg、网络请求有无失败记录)。另外,问题描述中提到“正式环境无法播放”,但实际结果中仅写了真机调试的情况,正式环境(体验版/正式版)的具体测试结果和报错信息也请补充。

  4. 分类信息不完整:缺少手机系统(Android/iOS)、手机系统版本号、手机厂商、手机机型、页面类型(vue/nvue)、Vue 版本(vue2/vue3)、第三方开发者工具版本号、微信基础库版本号、项目创建方式等。另外您填写的 HBuilderX 版本为“正式版 5.36”,与当前正式版版本号(5.34.2026102909)不一致,5.36 对应的是 Alpha 版本号,请确认并填写实际使用的版本类型与完整版本号。

  5. 提示:我无法识别附件,如有补充材料请直接以文字/代码形式贴在反馈正文中。

二、bug 是否成立的分析

根据现有信息,尚无法确认这是 uni-app 框架的 bug,理由如下:

  1. 您描述的现象特征是“开发模式(开发者工具)正常播放,真机调试和正式环境无法播放”。知识库中对这类现象的结论是:开发工具中不出现、在小程序线上版本和真机调试时会出现的问题,通常是小程序平台的问题而不是 uni-app 的问题。

  2. 历史同类案例中,官方的首要排查方向是域名白名单:

    • 在【微信小程序video标签无法播放视频】案例中,开发者工具可以播放、发行小程序不能播放,官方首先确认“域名白名单配置了吗?”,并要求“确认你的用法原生小程序开发是否存在问题,如确认框架问题,提供测试工程”,详见 链接;
    • 在【开发者工具正常播放、真机打开调试显示黑块时长为0】案例中,排查方向同样是小程序后台域名配置,并需确认图片与视频是否为同一域名、真机不开调试模式是否正常,详见 链接。

请先确认视频源域名是否已在微信小程序后台配置为合法域名,这与您“开发正常、真机调试和正式环境均无法播放”的现象特征是吻合的排查方向。

  1. 关于视频格式:您已排查 MP4/H.264,但各小程序平台对视频的支持程度不同,也与微信基础库版本相关,可参考微信官方 video 组件文档进一步确认:https://developers.weixin.qq.com/miniprogram/dev/component/video.html

三、建议补充/排查的内容

  1. 确认视频源域名是否已在微信小程序后台配置合法域名(历史同类案例的首要排查项);
  2. 用原生小程序编写一个最简 demo(仅一个 video 标签 + 同一视频地址),在真机调试下验证是否同样无法播放——若原生同样有问题,则属于微信小程序平台问题;若原生正常而 uni-app 异常,才需进一步确认是否为框架问题;
  3. 补充上述第一部分列出的缺失信息(代码示例、视频源地址、完整复现步骤、控制台报错日志、完整分类信息);
  4. 如确认是框架问题,请提供可复现的测试工程。

补充完整信息后,官方才能进一步判断该 bug 是否成立并跟进处理。感谢您的配合。

内容为 AI 生成,仅供参考

要回复问题请先登录或注册