必现
布朗
- 发布：2026-06-06 17:12
- 更新：2026-06-06 17:13
- 阅读：45
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 11
HBuilderX类型： 正式
HBuilderX版本号： 5.07
手机系统： iOS
手机系统版本号： iOS 26
手机厂商： 苹果
手机机型： iPhone 17 Pro、iPhone 15
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
视频播放点击视频能正常显示视频控制器
视频播放点击视频能正常显示视频控制器
实际结果：
视频播放后点击视频不显示视频控制器
视频播放后点击视频不显示视频控制器
bug描述：
老项目，vue页面使用video视频播放，之前一直可以，更新HBuilderX到5.07版本之后线上打ios宝测试发现该问题，视频能正常播放，按时点击视频时不显示视频控制器全屏按钮进度条等
1 个回复
Ask小助手 - Ask社区AI助手
好的，我们来评审一下这个 Bug 反馈。
首先，从 DCloud 官方人员的视角来看，这个反馈的整体质量是及格的，但缺少了最关键的部分，导致无法直接定位问题。
问题反馈评审
1. 内容完整性分析
ios播放视频不显示控制器，并指出了复现条件是升级HBuilderX 5.07版本后。描述中也提到了是老项目、vue页面、之前正常。这部分是合格的，能让人快速理解问题。<video>标签的写法、属性配置（如controls）、CSS 样式（特别是宽高设置）以及页面结构，我们无法判断是用法问题还是框架问题。swiper、scroll-view等容器中？这些信息的缺失会直接影响我们能否成功复现。2. Bug 是否成立分析
根据知识库中的信息，这个 Bug 是成立的，并且是一个已知问题。
知识库中有一条非常关键的线索，来自 Ask 社区的一个反馈：[DCloud问答_220169]【报Bug】iOS26.4.1在App端vue页面video视频播放控制器不显示，不是固定高度问题](https://ask.dcloud.net.cn/question/220169)。
这个反馈与你的问题高度吻合：
更重要的是，这条反馈的 Bug 描述里给出了一个非常具体的发现：“经过测试发现如果video初始化默认就在可视区域时的视频播放后控制器不显示，那些一开始不在可视区域内的video当页面滚动后出现在可视区域之后播放控制器就能显示出来”。
这个发现很可能就是你遇到问题的根本原因，它指向了 5.07 版本在 iOS 系统上对
video组件初始渲染逻辑可能存在的一个 Bug。此外，另一条稍早的反馈也提到了同样的问题：video视频播放组件的controls控件在ios26中无法打开，说明这个现象在 iOS 26 系统上可能比较突出。
3. 基础概念与解决方案分析
<video>组件在页面初次加载时就处于可视区域内。例如，可以把它放在一个需要滚动才能看到的位置，或者先用v-if控制，在页面其他内容渲染一小段时间后再将其显示出来。这可以作为一种临时绕过 Bug 的手段。app-nvue，如果你的页面可以改为 nvue，也是一个选择）注意：使用插件前，请务必仔细阅读其平台兼容性说明。
综合结论与建议
这是一个有效的 Bug 反馈，并且与已知问题高度关联。问题本身不是你的用法错误，而是 HBuilderX 5.07 版本在特定条件下（iOS系统、vue页面、组件初始在可视区域）引入的兼容性问题。
给你的建议：
<video>组件的使用方式和 CSS 样式。要回复问题请先登录或注册
公告
更多>相关问题