Chrome HTML5视频横向翻转人像

我正在建立一个网站来显示从iPhone录制的视频。该视频以纵向显示，288x352。Safari可以很好地显示这段视频，但在Chrome中，视频切换到横向模式，352x288。我的头歪了-(

这是有问题的一页：

这是视频本身，如果有帮助的话

我尝试过使用普通的HTML5标记，现在添加了，尽管这对这个问题没有影响

更新：我现在对我的问题有一半的答案。似乎需要在设备上设置一些编码选项，以确保所有观众都能正确定位，包括VLC和Chrome（例如）.这个问题没有得到答案的能力，所以。希望我们能为这个问题找到合适的解决方案

---

更新2：我已经找到了答案。

请参见videojs支持论坛上的建议，这可能与iPhone编码视频的方式有关，因为它包含QuickTime可以读取但其他玩家无法读取的信息。建议您使用iOS对视频进行编码并旋转。可能是其他人标准编码库也可以使用。

这有点难看，但您可以将

-webkit transform:rotate（90度）；

添加到

视频
标记的
style
属性中。不过，这也会旋转控件

我刚刚通过VLC播放器从AWS上传了视频，视频似乎逆时针旋转了90度。苹果使用元数据标志来表示旋转，而不是简单地以不同的方向录制视频。不幸的是，许多播放器/浏览器会忽略此标志，包括VLC和Chrome

要解决此问题，您需要旋转实际的视频文件。您可以通过在VLC Player中打开它，转到
Tools>Effects and Filters
。单击
video Effects
，然后单击
Geometry
。启用
Transform
并从下拉菜单中选择
旋转90度
。单击
OK
关闭VLC。视频现在应该准备好了，尽管我不能在你的页面上测试它

您现在可能需要删除旋转元数据标签，以便Safari不会进一步旋转视频。同样，我尚未对此进行测试。
此问题已于2016年6月2日修复。请参阅firefox错误。此问题与Iphone编码视频的方式无关，但与firefox支持mp4文件有关，而与中的方向元数据无关mp4文件

无论如何，可以使用以下命令检查视频文件是否有旋转：
exiftool-Rotation video.mp4

注意：
对于仍然看到此问题的任何人，此更新尚未提供，因为我的最新更新没有正确地自动确定视频方向。仔细看，错误页面上说目标是mozilla49。
我猜你获得了部分学分，但这对我来说还不是一个完整的解决方案。我可以看到它与AVFoundation编码视频的方式有何关系，但是我不知道如何改变它。我想这意味着我在看另一个问题-(