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');
	// 	}
// },
相关推荐
张飞签名上架1 天前
深度解析超级签:iOS 应用分发的便捷之选与风险权衡
ios·苹果签名·企业签名·苹果超级签名·tf签
2501_915918411 天前
iOS App的tcp、udp数据包抓取在实际开发中的使用方式
android·tcp/ip·ios·小程序·udp·uni-app·iphone
_木棠1 天前
uniapp:H5端reLaunch跳转后,返回还有页面存在问题
前端·uni-app
小庄梦蝶1 天前
uniapp增加在线更新的功能---整体
uni-app
带着梦想扬帆启航1 天前
uni-app 全端动态换肤方案 (Vue2 + uView 1.0)
uni-app·uview·换肤·换色·切换主题色
小钟不想敲代码1 天前
uni-app全局文件
uni-app
郑州光合科技余经理1 天前
从国内到海外:同城o2o本地生活服务平台国际化实战
java·开发语言·javascript·mysql·uni-app·php·生活
悬剑13141 天前
基于物联网嵌入式的智能家居使用新大陆云和本地API
uni-app·智能家居·新大陆
2501_915909061 天前
iOS 应用在混淆或修改后,如何完成签名、重签名与安装测试
android·ios·小程序·https·uni-app·iphone·webview