收藏
回答

cover-view无法“定位”在video组件上(swiper 情况下)

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug cover-view 客户端 7.0.4 2.7.2

- 当前 Bug 的表现(可附上截图)

    我现在的产品是 swiper里面 每一个item都有一个video组件,并且在video组件上附上视频详情说明,

    我现在小程序中用的是普通的view 绝对定位 提高z-index层级 盖在了video上,在我的一加上是正常的,后来发现在锤子手机上是会被video遮住的。

    就了解有cover-view组件,说是可以覆盖在video这样的原生组件上。但是使用后发现,当我滑动swiper的时候,cover-view并不会跟随他的父盒子移动。

    如下图,

左下角的白色盒子就是cover-view, 后面的详情描述是我用普通view盒子绝对定位的。

当我开始上下滑动我的swiper-item,切换到下一个的时候。



往上滑动的时候,swper-item,里面的video,都向上移动了,包括定位在swper-item上的view,然而cover-view却没有,还是在原位。






然后cover-view消失了,然后到下一个swiper-item完全展示出来的时候,cover-view又出现了,并且数据动态出来了。

我使用了很多种方式,cover-view固定定位, 对于swiper-item绝对定位,对于video绝对定位,或者相对定位,都无法真正的(定位)住,根本不会随着swiper-item移动。各种卡顿飘。 直接用view就不会,但是在某些机型上 view盖不住video?

目前测一加五,华为P20,cover-view都会这样。

目前测的锤子手机 view盖不住video。


请看下代码片段,我用了相对定位和绝对定位的,跟我自己的小程序大概一致。

然后看下有什么好的解决方案吗



- 预期表现

cover-view覆盖在video上,并且swpieritem滑动的时候可以跟着滑动流畅



- 复现路径

https://developers.weixin.qq.com/s/K4bqsrmZ7L9F



回答关注问题邀请回答
收藏

5 个回答

  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-06-27

    cover-view只支持嵌套 cover-viewcover-image,你在cover-view里面嵌套了video,这个是不支持的

    2019-06-27
    有用 1
    回复 2
    • 🍚 🍚
      🍚 🍚
      2019-06-27

      我可没有在cover-view嵌套video哦,你仔细看下代码,是video嵌套cover-view

      2019-06-27
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2019-07-02回复🍚 🍚

      代码片段能不能优化下这里的样式

      2019-07-02
      回复
  • 大王叫我来搜山
    大王叫我来搜山
    2022-05-15

    我也遇到到了,video没有放在cover-view里,我想让cover-view盖在video上,因为苹果手机里view盖不住video.

    2022-05-15
    有用
    回复
  • 关思莹
    关思莹
    2021-12-20

    以示后来人...video现在已经支持同层渲染 直接用view就可以了不要用cover-view 会变得不幸

    2021-12-20
    有用
    回复
  • binx
    binx
    2020-06-09

    我也遇到了,同样的问题,video上的 cover-view 滑动起来很卡 ,位置飘忽不定,有解决过这个问题的吗 求解答

    2020-06-09
    有用
    回复 5
    • 🍚 🍚
      🍚 🍚
      2020-06-09
      有点久,我忘了,应该是没解决,但是用了别人写好的短视频的源码, 你可以参考下
      2020-06-09
      回复
    • binx
      binx
      2020-06-09回复🍚 🍚
      在哪找的源码,有地址吗
      2020-06-09
      回复
    • 🍚 🍚
      🍚 🍚
      2020-06-09回复binx
      私信你了
      2020-06-09
      回复
    • binx
      binx
      2020-06-09回复🍚 🍚
      看到了 感谢🙏
      2020-06-09
      回复
    • 关思莹
      关思莹
      2021-12-20回复🍚 🍚
      我也遇到这个问题 能看下代码吗
      2021-12-20
      回复
  • 安。
    安。
    2020-04-21

    我也遇到这个问题,swiper 里 放video ,video上的 cover-view 滑动起来很卡 ,位置飘忽不定

    2020-04-21
    有用
    回复
登录 后发表内容