uniapp ios video视频播放全屏后视频旋转了180度是什么原因

在uniapp开发中，iOS端的video组件全屏播放时视频画面会旋转180度，导致画面颠倒。测试发现非全屏状态正常，仅在全屏时出现此问题。已确认视频源文件方向正确，安卓端也未出现类似情况。请问可能是什么原因导致的？需要如何修复或配置？

vueper 1楼

可能是iOS系统自动旋转导致。检查设备方向锁定是否关闭，或尝试在uniapp中设置video组件的direction参数为固定值。

phonegap100 2楼

在UniApp中，iOS设备上视频全屏播放时旋转180度，通常是由于设备方向检测和视频播放器全屏处理机制冲突导致的。以下是原因和解决方案：

原因分析

iOS全屏播放器独立控制方向：当视频进入全屏模式时，iOS系统会接管方向控制，忽略App内的方向锁定。
设备方向传感器数据错误：如果设备方向检测异常（如陀螺仪数据颠倒），全屏播放器可能错误旋转视频。
UniApp页面方向配置问题：未正确设置页面方向支持，导致全屏时方向混乱。

解决方案

1. 检查并锁定页面方向

在 pages.json 中配置页面支持的方向，例如锁定为竖屏：

{
  "pages": [
    {
      "path": "pages/video/video",
      "style": {
        "navigationBarTitleText": "视频播放",
        "pageOrientation": "portrait" // 锁定竖屏
      }
    }
  ]
}

2. 使用 `plus.screen` 锁定方向

在视频播放页面的Vue代码中，通过plus.screen锁定方向：

onLoad() {
  // 锁定竖屏
  plus.screen.lockOrientation('portrait-primary');
},
onUnload() {
  // 恢复自动旋转
  plus.screen.unlockOrientation();
}

3. 检查视频源方向

如果视频文件本身元数据方向错误（如拍摄时旋转），全屏播放会按元数据旋转。可用工具（如FFmpeg）修正视频方向：

ffmpeg -i input.mp4 -metadata:s:v:0 rotate=0 -c copy output.mp4

4. 使用原生插件（如必要）

若问题持续，可考虑使用原生插件（如DCloud UniVideo）或自定义原生开发，实现更精确的方向控制。

其他建议

测试不同iOS版本和设备型号，确保兼容性。
避免在播放器中频繁切换方向，防止传感器干扰。