使用官方 hello uni-app 测试 IOS版本16 VIDEO组件点击全屏，页面显示错误
魇七7
- 发布：2022-12-15 11:48
- 更新：2024-12-16 11:27
- 阅读：4246
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 1809
HBuilderX类型： 正式
HBuilderX版本号： 3.6.13
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： 13
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
页面正常
页面正常
实际结果：
页面错误
页面错误
最佳回复
iOS16+ 苹果更新了设备方向相关API 需要应用允许设置横屏 video才能横屏 配置路径 manifest.json -> 源码视图 ->app-plus -> screenOrientation
详情参考: https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest
配置完重新打包或重新自定义基座即可
app-plus 里面配置了2个图1，自定义基座和打包都不行呀 。结果全屏还是跟图2一样。大牛们怎么处理的呀
-
我也出现了这个问题，不过我是离线基座的
xcode TARGETS - General - Deployment Info Orientation 设置支持横竖屏就解决了2024-03-21 10:09
我也是一样的问题，hbuilderx上个版本没问题，不知道是不是编辑器版本影响的，我的场景是在<list>设置pagingEnabled全屏状态下，点击视频全屏播放会出现，安卓上没问题，
-
-
-
-
回复 5***@qq.com: 源码视图配置允许横竖屏，具体位置参考官方文档，"screenOrientation" : [ "portrait-primary", "landscape-primary" ]，如果你的应用只有视频播放部分需要设置横屏，app.vue中设置锁定竖屏plus.screen.lockOrientation("portrait-primary");视频播放时再锁定横屏，监听视频全屏状态，退出全屏再锁定竖屏
2023-02-07 09:27
-
-
-
是的，现在IOS 16以上，全屏完会出问题，页面乱了，请问这个BUG什么时候修复
-
-
-
回复 i***@bitshare.cn: 解决了，https://uniapp.dcloud.net.cn/collocation/manifest-app.html ，在 配置路径 manifest.json -> 源码视图 ->app-plus -> screenOrientation
2023-01-05 10:46
-
回复 魇七7: 解决了，https://uniapp.dcloud.net.cn/collocation/manifest-app.html ，在 配置路径 manifest.json -> 源码视图 ->app-plus -> screenOrientation
2023-01-05 10:46
-
-
-
-
iOS13和iOS16 nvue 都没用，全屏后首先会变成横屏，但是video标签不会全屏，两边有空白，能点击到页面。
返回上级后 整个app样式错乱。
已经设置了screenOrientation并且重新打包基座。
各种尝试过了，ios16+ 问题依旧。
现象是 视频画面转了180度（未铺满全屏）、底下UI界面也转了90度，相当于视频、UI界面都多转了90度。
@DCloud_iOS_WZT 供参考。
-
-
回复 DCloud_iOS_WZT: 请问一下，我的app已经发布上架了，之后app的更新都是使用的wgt热更新；如果要处理这个问题，在配置了screenOrientation后，是否需要使用app云打包生成新的安装包去重新发布？还是wgt也能升级？谢谢！
2023-08-23 09:37
- iOS16这个问题，增加了支持横屏确实可以解决，不过视频全屏时下面一截显示慢；
- 我们app强制竖屏，所以在app.vue中设置锁定竖屏，在开启了自动旋转的手机上，横屏启动app时会出现先竖屏-再横屏-再竖屏-样式错乱（rpx）。
OrdinaryFolk
你确实 这个问题是没有允许横屏吗？
2023-01-05 09:01
DCloud_iOS_WZT
回复 OrdinaryFolk: 你试了么？改之后有重新自定义基座么？
2023-01-05 15:03
9***@qq.com
回复 OrdinaryFolk: 是可以的，我试了，没问题
2023-01-05 18:28
syczuan
回复 DCloud_iOS_WZT: 但是nvue开发的应用必须设置竖屏，横屏就会尺寸错误，只有视频才需要横屏，这种情况该怎么处理
2023-01-10 14:15
5***@qq.com
加了也没用啊
2023-02-06 16:56
DCloud_iOS_WZT
回复 5***@qq.com: 重新自定义基座
2023-02-06 17:26
DCloud_iOS_WZT
回复 5***@qq.com: 如果没用 看下文档是不是你加错节点了
2023-02-06 17:26
爱吃鱼的靖哥哥
回复 DCloud_iOS_WZT: 没有加错节点，重新自定义基座和重新打dev包真机测试都不行
2023-03-15 09:03
爱吃鱼的靖哥哥
回复 DCloud_iOS_WZT: 标准基座有没有加这个配置啊，各种情况都试了还是不行
2023-03-15 09:04
苍山暮色烟雨迟
nvue没有用
2023-04-17 20:35
dci797
你好，可以帮我看看的帖子吗，云打包白屏
2023-04-18 11:20
爱吃鱼的靖哥哥
回复 苍山暮色烟雨迟: 我擦，原来是nvue的问题吗，我都改的面目全非了
2023-04-18 20:11
uni初学者
我们是通过uni小程序sdk接入原生，但是运行在ios16 还是有问题。请解决一下
2023-04-24 17:21
3***@qq.com
// #ifdef APP-PLUS
if (e.detail.direction == 'horizontal' && e.detail.fullScreen) {
plus.screen.lockOrientation('landscape')
} else {
plus.screen.lockOrientation('portrait-primary')
}
// #endif
如何支持【根据设备重力感应器自动调整】，下面这行代码设置没有效果？
plus.screen.lockOrientation('landscape')
2024-09-29 14:19