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');
	// 	}
// },
相关推荐
我是谁的程序员2 小时前
Mac 上生成 AppStoreInfo.plist 文件,App Store 上架
后端·ios
sweet丶2 小时前
微信Matrix 卡顿监控原理梳理与图解
ios
2501_916007475 小时前
iOS开发中抓取HTTPS请求的完整解决方法与步骤详解
android·网络协议·ios·小程序·https·uni-app·iphone
ZZH_AI项目交付9 小时前
我把 AI 最容易改坏真实 App 的地方,整理成了 skills
人工智能·ios·app
00后程序员张9 小时前
Windows 下怎么生成 AppStoreInfo.plist?不依赖 Xcode 的方法
ide·macos·ios·小程序·uni-app·iphone·xcode
原鸣清10 小时前
iOS 自定义 Markdown 渲染实践:从成品库到可魔改 Demo
ios
Daniel_Coder10 小时前
iOS Widget 开发-18:Widget 的 SwiftUI 视图适配与设计
ios·swiftui·swift·widget·widgetcenter
__zRainy__10 小时前
uni-app 全局容器实战系列(二):Vite 虚拟模块
windows·uni-app
Daniel_Coder10 小时前
iOS Widget 开发-17:Widget 错误处理与空状态设计
ios·swift·widget·widgetcenter
__zRainy__10 小时前
uni-app 全局容器实战系列(一):全局容器的实现
uni-app·vite