html52.com
我爱小程序-开发者交流社区

【video组件】层级遮挡疑问(微博竟然没这个问题)

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 video 客户端 6.7.3 2.4.0

- 需求的场景描述(希望解决的问题)

小程序中的【video组件】为原生组件,组件拥有“层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上”的特性。就连微信调试vConsole的悬浮按钮都会被遮挡,如下图:

”的特性。就连微信调试vConsole的悬浮按钮都会被遮挡,如下图:我的小程序有悬浮按钮(图中其实是被video遮住了),导致我只能在video暂停播放时隐藏【video组件】,用video封面图替换来优化这

我的小程序有悬浮按钮(图中其实是被video遮住了),导致我只能在video暂停播放时隐藏【video组件】,用video封面图替换来优化这个体验问题。


但是

最近我发现新浪【微博】的小程序其悬浮按钮并不会被遮挡,而且我觉得它的这三个浮动图标按钮不会是在【cover-view】里写的,这样不会是良好的项目结构,但是却完美解决了【video组件】遮挡问题,如下图:

它的这三个浮动图标按钮不会是在【cover-view】里写的,这样不会是良好的项目结构,但是却完美解决了【video组件】遮挡问题,如下图:- 希望提供的能力


- 希望提供的能力

所以:

一是希望通过社区能知道【微博】小程序的解决方案。

二是能优化原生组件的层级问题。像textarea这样的组件也好仔细考虑遮挡影响出的交互问题,比较头疼。


手动@官方大大,望跟进。

网友回复

卢霄霄:

我觉得他这个就是 cover-view

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付