.mov文件是我们app从苹果手机中取出的 live 照片的视频文件
把 .mov 存在服务器后,通过 video 组件读取到前端来播放展示
发现 .mov 视频在 iOS 端,在skyline模式下,视频内容方向异常,会被旋转90/180/270度(不同内容会有不同度数的旋转)
应用过程中不同文件复现的概率不大,但是遇到有问题的文件时,同一个文件再次使用是 100% 复现的
下图是代码片段中,用 .mp4/.mov 文件,android/iOS 系统,webview/skyline模式 做对照:唯独 iOS系统skyline模式下的.mov 文件会异常
我们排查一下看看
代码片段比较简洁,两个基本上一模一样的页面,页面中两个 video组件 分别对 mp4 和 mov 文件解析播放。 开发者工具 skyline模式下无法预览 video 就不用说了。 问题出在 iOS真机预览下,mov 视频的方向被旋转了90度