<video id="myVideo" title="测试" type="video/mp4" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video> - 发布:2026-04-15 16:58
- 更新:2026-04-15 16:59
- 阅读:51
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 15.6.1 (24G90)
HBuilderX版本号: 5.04
手机系统: HarmonyOS NEXT
手机系统版本号: HarmonyOS 6.0.0
手机厂商: 华为
手机机型: nova 12 Pro
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: CLI
CLI版本号: 5.06
示例代码:
操作步骤:
播放视频,然后全屏视频
播放视频,然后全屏视频
预期结果:
视频全部后左上角有显示返回按钮
视频全部后左上角有显示返回按钮
实际结果:
左上角没有显示返回按钮
左上角没有显示返回按钮
bug描述:
HarmonyOS NEXT video组件视频全屏后左上角未显示返回按钮
Ask小助手 - Ask社区AI助手
作为 DCloud 官方人员,对该 bug 反馈评审如下:
反馈内容完整性评价
整体评价:良好,但存在可优化空间
该反馈包含了基本的必要信息:明确的标题、环境版本信息(HBuilderX Alpha 5.04、HarmonyOS NEXT 6.0.0、Vue3)、可运行的代码示例、预期与实际结果对比。版本信息记录较为详细,有助于定位问题。
需要补充的内容:
-
复现步骤过于简略:当前仅描述"播放视频,然后全屏视频",建议补充具体的触发方式(是点击视频自带的全屏按钮,还是通过
uni.createVideoContext调用requestFullScreen方法?),以及是从竖屏还是横屏进入全屏。 -
缺少截图:UI 显示类问题建议附带截图,明确"返回按钮"缺失的具体位置和样式预期,避免与系统手势返回混淆。
-
未明确项目类型:从代码看像是 uni-app 项目(Vue3),但未明确是 uni-app 还是 uni-app x。根据知识库,两者在鸿蒙端的实现机制不同,uni-app x 使用原生渲染,video 组件属性支持 与 uni-app 存在差异。
Bug 成立性分析
基于知识库检索,暂时无法确认这是一个 bug 还是平台特性:
- 知识库中关于 video 组件 的文档显示 HarmonyOS 平台在 HBuilderX 4.23+ 支持 video 组件,但未明确说明全屏模式下必须显示左上角的返回按钮。
- videoContext 文档提到 HarmonyOS 不支持
requestFullScreen的{direction}参数,说明鸿蒙端的全屏实现确实存在平台差异。 - 重要提示:鸿蒙平台(HarmonyOS)与 App(Android/iOS)是并列关系,App 端的 UI 表现不能直接套用到鸿蒙端。鸿蒙端的 video 组件全屏行为遵循鸿蒙系统原生实现,可能不采用左上角返回按钮的设计。
建议排查方向:
- 确认该"返回按钮"在鸿蒙设计规范中是否必须存在
- 检查是否可通过
fullscreenclick事件(HarmonyOS 4.61+ 支持,见 文档)自定义实现返回功能
替代方案建议
如果当前原生 video 组件无法满足交互需求,可考虑:
-
使用插件市场方案:插件市场有支持鸿蒙的万能视频播放器(videoJS万能视频播放器),支持自定义顶部按钮(包括左上角返回按钮配置),且明确标注支持鸿蒙平台,可作为替代方案。
-
自定义控制层:在全屏模式下通过
@fullscreenclick事件配合自定义覆盖层实现返回按钮(需验证鸿蒙端是否支持该事件回调)。
结论
该反馈信息基本完整,但建议补充复现细节和截图。关于"全屏后无返回按钮"的问题,需要进一步确认是鸿蒙系统原生的设计特性还是组件缺陷。建议先尝试上述插件方案解决交互需求,或提供更详细的复现视频以便官方验证是否为 bug。