收藏
回答

cover-view和video的层级问题

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

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




- 预期表现

在ios上,偶尔会出现这种问题,问题就是video有时候会把视频描述和视频右侧的操作栏给覆盖掉,去查看元素,元素还是存在的,位置也没有偏移什么的,就是被覆盖了,弄了一整天了

- 复现路径

无法复现

- 提供一个最简复现 Demo


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

3 个回答

  • 小程序商城定制开发2600元全包
    小程序商城定制开发2600元全包
    2021-05-12

    用盖视角写导航栏就可以覆盖到视频上面


    1,cover-view内只能嵌套<cover-view> <cover-image> <button> <navigator> <official-account>其他标签在真机会被忽略!


    2,如果您想让盖视点覆盖视频,那么在wxml中一定要把盖视图标签写在视频后面


    3,如果视频标签上面有wx:if判断,那么它的显示是异步的,即使吧cover-view标签写在后面,有时也不生效,因为cover-view标签先生染


    4,cover-view标签定义css时一些属性不能用比如border


    5,盖视图有其默认属性 

    2021-05-12
    有用 1
    回复
  • 风的呼吸
    风的呼吸
    2019-02-20

    这个我也遇到了只有ios有,并且是微信7.0.0后才出现的,目前的解决办法是等把video的url、autoplay赋值完成后再让里面的cover-view展示,<video><cover-view wx:if="{{show}}"></view></video>,这种办法只能降低出现问题的概率,但不能彻底解决这个问题,我怀疑是video加载到资源后,又重新渲染了一次,所以覆盖了cover-view

    2019-02-20
    有用
    回复
  • 灵芝
    灵芝
    2019-01-24

    只有iOS存在这种情况?Android会有吗?

    2019-01-24
    有用
    回复 5
    • 阿宇
      阿宇
      2019-01-25

      Android没有这个问题,ios也是偶尔才会有这个问题

      2019-01-25
      回复
    • 灵芝
      灵芝
      2019-01-25回复阿宇

      提供一下代码片段看看呢?

      2019-01-25
      回复
    • Vincent
      Vincent
      2019-02-01

      我也遇到了,视频会覆盖掉cover-view,但是当我视频全屏播放之后,不管退出全屏还是全屏播放,cover-view又出现了,后面打开视频也不会出现cover-view被覆盖的问题

      2019-02-01
      回复
    • Daddy Elon Musk
      Daddy Elon Musk
      2019-02-03

      一样的问题,ios上的cover-view无论如何都盖不住视频组件。没有全屏播放。7.0.2

      2019-02-03
      回复
    • 灵芝
      灵芝
      2019-02-12回复Daddy Elon Musk

      麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)  

      2019-02-12
      回复
登录 后发表内容