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 小时前
阴天海边的蓝船:用 Awaking 把灰蓝调成清亮主角
ios·app·产品
Digitally5 小时前
如何将 iPhone 备份到 iCloud?
ios
头发还在的女程序员5 小时前
基于 Spring Boot + Vue 3 + uni-app 的灵活用工系统:四端架构与业务流程设计
vue.js·spring boot·uni-app·灵活用工·灵工系统
传奇开心果编程1 天前
【Flutter踩坑排雷】第19课:路由硬编码坑|字符串路由书写错误,页面跳转失败排查
android·flutter·ios·移动开发·跨平台·ui框架·声明式ui
茶底世界之下1 天前
雨后街口的斑马线:用 Awaking 把颜色让给光与步伐
ios·app·产品
茶底世界之下2 天前
晨雾河岸的旧书摊:用 Awaking 给木色一点暖光
ios·app·产品
Dumbness2 天前
订阅消息弹窗必须在用户点击里调:联调实验室里 timing 和 Mock 支付通知踩的坑
javascript·uni-app
90后的晨仔2 天前
在 macOS 27 上运行 Xcode 26
ios
茶底世界之下3 天前
山间站台不必转暖:用 Awaking 留住冷光与红箱
ios·app·产品
码间留白3 天前
uni-app 鸿蒙离线打包:一个改动从源码到真机要穿过几条链
uni-app·鸿蒙·deveco·离线打包·uts插件