uni-app video 视频播放后 鸿蒙next播控中心显示异常

uni-app video 视频播放后 鸿蒙next播控中心显示异常

操作步骤：

  • 新建个测试项目 添加video标签 并播放视频

预期结果：

  • 播控中心按video的配置来显示

实际结果：

  • 播控中心未按video的配置来显示

bug描述：

video 视频播放后 鸿蒙next播控中心显示问题
能不能按video的封面和标题来显示

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Mac
PC开发环境版本 15.6.1 (24G90)
HBuilderX类型 Alpha
HBuilderX版本 4.81
手机系统 HarmonyOS NEXT
手机系统版本 HarmonyOS 5.1.0
手机厂商 华为
手机机型 nova 12 Pro
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

image


更多关于uni-app video 视频播放后 鸿蒙next播控中心显示异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

目前为专门适配播控中心，你可可参考 UTS 插件介绍 和 原生混编 参阅鸿蒙开放的 播控 api 来兼容
后续会考虑更新，设置相关 metadata 信息

更多关于uni-app video 视频播放后 鸿蒙next播控中心显示异常的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


好的

回复 小雨不简单: 后续进展可关注 https://issues.dcloud.net.cn/pages/issues/detail?id=22695

这是一个已知的鸿蒙Next系统兼容性问题。在HarmonyOS NEXT环境下，uni-app的video组件与系统播控中心的集成确实存在显示异常。

目前的主要问题是：video组件设置的poster(封面)和title属性无法正确同步到鸿蒙播控中心，导致显示信息不匹配。

临时解决方案：

  1. 检查属性设置：确保video标签正确设置了poster和title属性
<video 
  src="/static/video.mp4" 
  :poster="/static/poster.jpg"
  title="视频标题"
  controls
></video>
回到顶部