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 小时前
苹果因通信问题撤回面向旧款 iPhone 和 iPad 的系统更新
ios·iphone
Thomas_YXQ12 小时前
Unity3D在ios平台下内存的优化详解
开发语言·macos·ios·性能优化·cocoa
芋头莎莎18 小时前
基于MQTT通讯UNIapp程序解析JSON数据
前端·uni-app·json
霸王蟹18 小时前
Uni-app 跨端开发框架Unibest快速体验
前端·笔记·微信·uni-app·unibest
zhyongrui20 小时前
SwiftUI 光晕动画性能优化:消除托盘缩放卡顿的实战方案
ios·性能优化·swiftui
木子啊20 小时前
Uni-app条件编译:跨端开发终极指南
uni-app·条件编译
老毛肚20 小时前
uniapp-ruoyi-spring部署宝塔
java·spring·uni-app
TheNextByte120 小时前
如何通过 6 种方式删除 iPhone/iPad 上的文件
ios·iphone·ipad
Mr Xu_21 小时前
UniApp 实战:深度解析 App 端自动检测与静默更新(含强制更新)
javascript·vue.js·uni-app
说给风听.21 小时前
基于 Vue3 的 UniApp 实战手册:多端开发与技能变现之路
uni-app