公告列表
公告列表
收藏
评论

ios swiper组件中使用video，全屏错位？官方

iOS 的 video 组件全屏需要使用 position: fixed 属性。如果 video 的父组件包含 position: relative；position: absolute 等 css 属性( 除 position: static 以外的属性），便会破坏 video 的全屏定位。

因此不要对需要全屏的 video 的任何父组件使用任何 position: relative；position: absolute 等定位属性。

详情参考：
https://developers.weixin.qq.com/community/develop/doc/0006ae469d8e28d302bc7ba9c56c00
129679浏览
最后一次编辑于  2022-02-28
知识库内容非实时更新，可能已过期、失效或不适用于当前情形，请谨慎参考
收藏
反馈

5 个评论

  • Asnatago
    Asnatago
    2022-08-16

    我尝试出来包含pistion: relative属性的父元素和video、swiper组件之间有scroll-view阻隔的话好像能屏蔽ios上的全屏异常？

    没有完全测试是否会有副作用

    2022-08-16
    赞同 5
    回复 5
    • 真寻
      真寻
      2023-07-14
      我也试了这个方法好像确实可以阻断
      2023-07-14
      赞
      回复
    • Asnatago
      Asnatago
      2023-09-14
      写法大概是这样的，仅作参考
      2023-09-14
      赞 1
      回复
    • ~辉~
      ~辉~
      2024-11-21
      我也试了，是可以
      2024-11-21
      赞
      回复
    • ···
      ···
      2024-12-11
      这个方法是真有点东西啊
      2024-12-11
      赞
      回复
    • Link
      Link
      2024-12-23
      神仙啊
      2024-12-23
      赞
      回复
  • enthusiasm
    enthusiasm
    04-24



    这个问题能帮忙看下吗？https://developers.weixin.qq.com/community/develop/doc/000a2c761a8870cd7133604926ac00

    使用swiper嵌套video组件，打开全屏能正常显示，退出全屏导致下一个swiper的video错位


    swiper组件嵌套video组件滑动展示，页面开启了"pageOrientation": "auto"允许屏幕旋转；

    正常旋转没问题，旋转了之后切换swpier也没问题；

    但是在竖屏状态点击某一个video全屏横屏展示之后，再保持横屏状态切换swpier组件，下一个video会错位；

    没有响应"pageOrientation": "auto"屏幕旋转，或者响应异常？



    04-24
    赞同 1
    回复
  • 李大围
    李大围
    2023-08-17

    第一次点全屏是正常的 第二次就变成这样

    2023-08-17
    赞同
    回复 7
    • 李大围
      李大围
      2023-08-17
      "navigationStyle": "custom",  页面设置这个的话 会发生这种情况
      2023-08-17
      赞
      回复
    • 追逐人生的意义
      追逐人生的意义
      2023-08-28回复李大围
      我的也是
      2023-08-28
      赞
      回复
    • 追逐人生的意义
      追逐人生的意义
      2023-08-28回复李大围
      求助大佬，有没有办法
      2023-08-28
      赞
      回复
    • DNA
      DNA
      2023-10-12
      +1 @官方
      2023-10-12
      赞
      回复
    • Halcyon
      Halcyon
      2023-10-23回复李大围
      求助大佬，如何解决
      2023-10-23
      赞
      回复
    查看更多(2)
  • Y.
    Y.
    2023-04-19

    IOS 需要给 swiper组件加 position: relative, 给swiper-item加position:absolute 才会正常显示, 我服了我

    2023-04-19
    赞同
    回复 6
    • Z
      Z
      2023-05-31
      这个错位的问题怎么解决啊  全屏后错位了
      2023-05-31
      赞
      回复
    • A软件定制18381093324
      A软件定制18381093324
      2023-07-16
      这个什么呢？真机显示不正常，模拟器正常，swiper不是图片
      2023-07-16
      赞
      回复
    • 努力努力再努力
      努力努力再努力
      2023-08-18
      我一全屏  整个页面横过来了   遇见过吗？
      2023-08-18
      赞
      回复
    • 熹微
      熹微
      2024-01-18回复努力努力再努力
      我也遇到了 你有解决掉吗
      2024-01-18
      赞
      回复
    • 起风了
      起风了
      2024-03-08回复努力努力再努力
      iOS16+ 苹果更新了设备方向相关API 需要应用允许设置横屏
      2024-03-08
      赞
      回复
    查看更多(1)
  • 好命先生
    好命先生
    2022-08-12

    官方的swiper-video组件好多bug，3年没更新过代码了，请问啥时候能修复？

    2022-08-12
    赞同
    回复
请 登录 后发表内容