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

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
52124浏览
最后一次编辑于  2022-02-28
知识库内容非实时更新，可能已过期、失效或不适用于当前情形，请谨慎参考
收藏
反馈

4 个评论

  • Nothing
    Nothing
    2022-08-16

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

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

    2022-08-16
    赞同 2
    回复 2
    • 真寻
      真寻
      2023-07-14
      我也试了这个方法好像确实可以阻断
      2023-07-14
      赞
      回复
    • Nothing
      Nothing
      2023-09-14
      写法大概是这样的，仅作参考
      2023-09-14
      赞
      回复
  • 李大围
    李大围
    2023-08-17

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

    2023-08-17
    赞同
    回复 6
    • 李大围
      李大围
      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
      赞
      回复
    • @Who
      @Who
      2023-10-23回复李大围
      求助大佬，如何解决
      2023-10-23
      赞
      回复
    查看更多(1)
  • Y.
    Y.
    2023-04-19

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

    2023-04-19
    赞同
    回复 5
    • 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
      赞
      回复
    • 熹微
      熹微
      01-18回复努力努力再努力
      我也遇到了 你有解决掉吗
      01-18
      赞
      回复
    • 神经蛙
      神经蛙
      03-08回复努力努力再努力
      iOS16+ 苹果更新了设备方向相关API 需要应用允许设置横屏
      03-08
      赞
      回复
  • 好命先生
    好命先生
    2022-08-12

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

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