小雨不简单
小雨不简单
  • 发布:2026-04-15 16:58
  • 更新:2026-04-15 16:59
  • 阅读:51

【报Bug】鸿蒙 video 全屏后未显示返回按钮

分类:鸿蒙Next

产品分类: 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

示例代码:
<video id="myVideo" title="测试" type="video/mp4" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video>

操作步骤:

播放视频,然后全屏视频

预期结果:

视频全部后左上角有显示返回按钮

实际结果:

左上角没有显示返回按钮

bug描述:

HarmonyOS NEXT video组件视频全屏后左上角未显示返回按钮

2026-04-15 16:58 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

作为 DCloud 官方人员,对该 bug 反馈评审如下:

反馈内容完整性评价

整体评价:良好,但存在可优化空间

该反馈包含了基本的必要信息:明确的标题、环境版本信息(HBuilderX Alpha 5.04、HarmonyOS NEXT 6.0.0、Vue3)、可运行的代码示例、预期与实际结果对比。版本信息记录较为详细,有助于定位问题。

需要补充的内容:

  1. 复现步骤过于简略:当前仅描述"播放视频,然后全屏视频",建议补充具体的触发方式(是点击视频自带的全屏按钮,还是通过 uni.createVideoContext 调用 requestFullScreen 方法?),以及是从竖屏还是横屏进入全屏。

  2. 缺少截图:UI 显示类问题建议附带截图,明确"返回按钮"缺失的具体位置和样式预期,避免与系统手势返回混淆。

  3. 未明确项目类型:从代码看像是 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 组件全屏行为遵循鸿蒙系统原生实现,可能不采用左上角返回按钮的设计。

建议排查方向:

  1. 确认该"返回按钮"在鸿蒙设计规范中是否必须存在
  2. 检查是否可通过 fullscreenclick 事件(HarmonyOS 4.61+ 支持,见 文档)自定义实现返回功能

替代方案建议

如果当前原生 video 组件无法满足交互需求,可考虑:

  1. 使用插件市场方案:插件市场有支持鸿蒙的万能视频播放器(videoJS万能视频播放器),支持自定义顶部按钮(包括左上角返回按钮配置),且明确标注支持鸿蒙平台,可作为替代方案。

  2. 自定义控制层:在全屏模式下通过 @fullscreenclick 事件配合自定义覆盖层实现返回按钮(需验证鸿蒙端是否支持该事件回调)。

结论

该反馈信息基本完整,但建议补充复现细节和截图。关于"全屏后无返回按钮"的问题,需要进一步确认是鸿蒙系统原生的设计特性还是组件缺陷。建议先尝试上述插件方案解决交互需求,或提供更详细的复现视频以便官方验证是否为 bug。

内容为 AI 生成,仅供参考

要回复问题请先登录注册