FireFox上的视频定位不正确

Question

我有html5视频标签的视频。在chrome上一切都是好的，在firefox上，风景视频的方向是错误的.

甚至尝试使用video.js，没有改变。

我读到这是一个问题，因为视频起源于iOS。

所以有两个问题: 1。我怎样才能克服这个问题。真的没有解决办法吗? 2. (出于好奇)--铬是如何克服这一问题的？

URL示例(在章节中向下滚动以查看垂直视频)：

http://www.letsfeedme.com/moments/55802f142f2dad3c008b4575-Balsamic-Vinegar-%22Caviar%22

Answer 1

由于问题在于一些特定于iOS的编码选项，而许多非苹果播放器无法读取，所以我能想到的最简单的解决方案是转码和旋转视频。

已经在网上讨论过这么多的帖子了。例如：

Video orientation using video.js

HTML5 mp4 video with firefox resizing video

Chrome HTML5 Video Flipping Portrait Sideways

http://help.videojs.com/discussions/problems/1508-video-orientation-for-iphone-wrong

Answer 2

我读到这是一个问题，因为视频起源于iOS。

所有使用移动设备录制的视频都将包含旋转元数据，包括来自iOS和安卓设备的视频。可以获得4个值:0(左倾斜)、90 (纵向)、180和270：

​

​

在chrome上一切都是好的，在firefox上，风景视频的方向是错误的.

、火狐和IE10是唯一不支持旋转元数据的主流浏览器。与Chrome相比：

​

​

最新版本Firefox 42至今仍不支持它。IE11和Edge 12,13确实支持它。

支持轮换信息的移动/桌面播放器列表：https://blog.addpipe.com/mp4-rotation-metadata-in-mobile-video-files/

我怎样才能克服这个问题。真的没有解决办法吗？

有关解决方案，请参阅this answer，基本上您需要：

1. 使用FFmpeg旋转视频(因此火狐和其他不支持旋转元数据的浏览器正确地显示视频)
2. 删除旋转元数据(这样其他播放器就不会旋转视频，因为它已经被FFmepg旋转了)

图片由：https://blog.addpipe.com/mp4-rotation-metadata-in-mobile-video-files/提供

Answer 3

我猜Chrome是尊重width="360"和height="640"属性的<video>标签，而火狐不是。如果我下载了你的一个视频，并在媒体播放器经典播放它，同样的方向是不正确的。但是就像在网络浏览器中一样，也有不一致的地方:在VLC播放器中打开的同一段视频会以正确的方向播放。

我建议，如果可以的话，可以使用一个名为AVIdemux的(免费)程序重新编码视频。我刚在你的一段视频上试了一下，结果效果很好。作为一项奖励，它大大缩小了你的视频，只有最小的质量损失。

以下是几个步骤：

1. 从AVIdemux下载http://www.fosshub.com/Avidemux.html
2. 安装和运行AVIdemux
3. 转到“文件”菜单并选择“打开”。选择视频重新编码。
4. 转到“视频”菜单并选择“筛选器”
5. 选择变换>旋转(双击)>旋转270度(确定)
6. 单击“预览”按钮检查输出
7. 单击“关闭”按钮
8. 在主窗口中，在视频输出下，选择MPEG4-AVC (x264)
9. 在输出格式下，选择MP4 Muxer
10. 单击“保存视频”图标，然后在结果窗口中键入文件名并单击“保存”按钮。

然后你需要重新上传你的视频。