- 发布：2024-06-06 17:40
- 更新：2024-06-12 10:00
- 阅读：108
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.6.1
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： Iphone11
页面类型： vue
vue版本： vue2
打包方式： 离线
项目创建方式： HBuilderX
示例代码：
'''<video class="video" id="myVideo1" :src="src||require('@/static/videos/'+videoNum+'.mp4')"
title="title" @error="videoErrorCallback" @play="handleVideoPlay"
@fullscreenchange="handleFullscreen" @timeupdate="handleTimeUpdate" controls :show-mute-btn="true"
autoplay="true" :muted="false" :loop="true" codec="software">
</video>'''
操作步骤：
点击控制器的全屏按钮，即出现
点击控制器的全屏按钮，即出现
预期结果：
正常的全屏显示
正常的全屏显示
实际结果：
在iOS16，点击全屏按钮，video 和 page同时旋转90度，导致界面错误。
在iOS16，点击全屏按钮，video 和 page同时旋转90度，导致界面错误。
bug描述：
在iOS16，点击全屏按钮，video 和 page同时旋转90度，导致界面错误。
在我的另一台iOS13中，只有video旋转，page不旋转，所以显示是正确的
页面中
<video @fullscreenchange="fullscreenchange"></video>
fullscreenchange(e) {
// console.log('fullscreenchange---', e);
if (!e.detail.fullScreen) {
// #ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary'); // 正常竖屏
// #endif
}
},
manifest.json中
"app-plus":{
"screenOrientation" : [
//可选，字符串数组类型，应用支持的横竖屏
"portrait-primary", //可选，字符串类型，支持竖屏
"portrait-secondary", //可选，字符串类型，支持反向竖屏
"landscape-primary", //可选，字符串类型，支持横屏
"landscape-secondary" //可选，字符串类型，支持反向横屏
]
}
