uniapp解决video组件在ios上全屏页面旋转90度,组件旋转180度

问题说明

竖屏没有任何问题,全屏之后页面旋转90度,组件旋转180度

解决方案

manifest.json 文件中设置

c 复制代码
"app-plus" : {
        "screenOrientation": [ "portrait-primary", "landscape-primary" ]
}

删除所有的:direction="90" @fullscreenchange等设置

c 复制代码
<video 
    :id="index" 
    :src="item.flvUrl" 
    @play="videoPlay(index)" 
    object-fit="fill" 
    :poster="item.snapUrl" 
    style="width: calc(100%);"
    // :direction="90"
    // @fullscreenchange="handleFullscreenChange"
></video>
 
// handleFullscreenChange(e) {
	// 	if (!e.detail.fullScreen) {
	// 		// 退出全屏手动设置屏幕方向为竖屏
	// 		plus.screen.lockOrientation('portrait-primary');
	// 	}
// },
相关推荐
学习3人组43 分钟前
Uniapp快速上手了解
uni-app
pop_xiaoli1 小时前
【iOS】类与对象底层
macos·ios·objective-c·cocoa·xcode
sp42a1 小时前
NativeScript iOS 平台开发技巧
ios·nativescript·app 开发
小鲤鱼ya1 小时前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
2501_915921431 小时前
常用iOS性能测试工具大全及使用指南
android·测试工具·ios·小程序·uni-app·cocoa·iphone
桐溪漂流2 小时前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
芒果大胖砸2 小时前
uniapp 在h5中预览pdf hybrid方法
pdf·uni-app
清音啊2 小时前
Uniapp 实现左滑显示操作按钮的列表(适配多端 + 实战案例)
uni-app
蜡台2 小时前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
for_ever_love__2 小时前
Objecgtive-C学习实例对象,类对象, 元类对象与 isa指针
c语言·学习·ios