当前位置:网站首页>swiper组件中使用video导致全屏错位
swiper组件中使用video导致全屏错位
2022-07-06 17:50:00 【flym_】
问题: 项目测试过程中,在swiper组件中有是有video,全屏时在安卓上没有任何问题,但在ios上,视频全屏后却发现小程序的navbar导航栏在视屏的上方,导致视频往下移错位,以至于没有全部显示出来。
解决方法: iOS 的 video 组件全屏需要使用 position: fixed 属性。如果 video 的父组件包含 position: relative;position: absolute 等 css 属性( 除 position: static 以外的属性),便会破坏 video 的全屏定位。
因此不要对需要全屏的 video 的任何父组件使用任何 position: relative;position: absolute 等定位属性。
加 codejs
边栏推荐
猜你喜欢

405 method not allowed appears when the third party jumps to the website

Segmenttree
![JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]](/img/40/da56fe6468da64dd37d6b5b0082206.png)
JS reverse -- ob confusion and accelerated music that poked the [hornet's nest]
![[case sharing] basic function configuration of network loop detection](/img/d8/a367c26b51d9dbaf53bf4fe2a13917.png)
[case sharing] basic function configuration of network loop detection

How to manage distributed teams?

【案例分享】网络环路检测基本功能配置

【信号与系统】

AI automatically generates annotation documents from code

云呐|工单管理软件,工单管理软件APP

系统休眠文件可以删除吗 系统休眠文件怎么删除
随机推荐
Taro2.* 小程序配置分享微信朋友圈
Share a general compilation method of so dynamic library
搭建【Redis in CentOS7.x】
交叉验证如何防止过拟合
Send template message via wechat official account
[100 cases of JVM tuning practice] 05 - Method area tuning practice (Part 2)
Installation of torch and torch vision in pytorch
Asset security issues or constraints on the development of the encryption industry, risk control + compliance has become the key to breaking the platform
黑马笔记---创建不可变集合与Stream流
Implementation principle of waitgroup in golang
Come on, don't spread it out. Fashion cloud secretly takes you to collect "cloud" wool, and then secretly builds a personal website to be the king of scrolls, hehe
Realize incremental data synchronization between MySQL and ES
实现mysql与ES的增量数据同步
go-zero微服务实战系列(九、极致优化秒杀性能)
C语言实例_4
Taro 小程序开启wxml代码压缩
[hfctf2020]babyupload session parsing engine
NEON优化:关于交叉存取与反向交叉存取
Tensorflow GPU installation
The cost of returning tables in MySQL