HarmonyOS鸿蒙Next新系统6+以上,微信小程序视频播放video播放问题
HarmonyOS鸿蒙Next新系统6+以上,微信小程序视频播放video播放问题
品牌:华为
机型:mate60、mateX7
系统:鸿蒙6.1.0
问题描述:
1、鸿蒙新系统6.0.0以上,微信小程序中视频组件video播放详情,按键“播放”按钮不能点击(点击失效),视频不能正常播放。
2、华为Pura 80、华为mate80等,鸿蒙6.1.0上系统,微信小程序视频正常播放(不存在问题1那种情况)。
3、华为mate60,鸿蒙4.2.0系统,微信小程序中的视频正常播放(不存在问题1那种情况)。
请问下相同机型,不同系统版本出现这个问题是什么原因?
有没有哪位同行解决过这类问题,在线求助!
更多关于HarmonyOS鸿蒙Next新系统6+以上,微信小程序视频播放video播放问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
不错,
更多关于HarmonyOS鸿蒙Next新系统6+以上,微信小程序视频播放video播放问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
鸿蒙Next(API 6+)底层媒体框架升级为ArkMedia,微信小程序的video组件依赖旧版媒体接口,未完全适配新架构,导致解码、渲染或生命周期控制异常。需等待微信更新小程序SDK以支持ArkUI组件规范及新多媒体API。
华为mate60/70系列升级到HarmonyOS NEXT(6.0.0+)后,微信小程序video组件的“播放”按钮失效,而鸿蒙4.2.0或同是NEXT的Pura 80却正常,根本原因在于NEXT早期版本(6.0.0)的WebView渲染层和多媒体框架存在兼容性问题。该版本对视频播放控件的事件穿透处理有差异,导致微信小程序内video自带的播放按钮无法触发点击。后续系统版本(如Pura 80搭载的6.1.0)已修复该问题。
解决方式:若无法等待系统更新,可临时在代码中规避,去掉controls属性,用wx.createVideoContext创建视频上下文,通过自定义按钮调用videoCtx.play()启动播放,避免依赖原生播放按钮。示例:
<video id="myVideo" src="..."></video>
<button bindtap="play">播放</button>
JS中:
play() { wx.createVideoContext('myVideo').play(); }
若仍需controls,可尝试设置show-play-btn="{{true}}"(部分基础库有效)。核心仍是微信后续适配新系统。

