Question

我有一个页面，使用html视频标签显示多个视频。代码如下面的代码段：

<video controls="controls" class="vw" name="Video" src="videos/ACS_Video_2b.mp4"></video>

该类只是一个动态设置宽度，高度等的类。

除了Firefox之外，所有浏览器中的视频都能很好地播放和播放。使用这些标签的网站上的所有视频都在Firefox中颠倒了。我似乎无法在网上找到有类似问题的人。事实上，当我使用相同的视频标签和视频扩展程序等访问其他网站时，视频会在Firefox中完美显示在我们的网站上。

以下是包含颠倒视频的网站供参考：

http://www.larrykrannich.com/video.html

视频在本地，本地服务器上显示颠倒，并托管在真实服务器上。

非常感谢任何帮助。

Answer 1

这是一个火狐问题，我看到有几个人一遍又一遍地抱怨这个问题，但都无济于事。只有在从移动设备上录制视频时才会发生这种情况，firefox似乎并没有将相机细节用于移动视频附带的编码旋转。在你必须为自己找出修复的主要时间，你可以使用css转换来旋转视频标签，但是一个问题是它会用它旋转视频控件。

您可以使用videojs，然后添加旋转插件，您只需谷歌即可。它将有助于旋转视频。

你可以做这样的事情

 if ( isfirefox ) {

    <video  class="video-js vjs-default-skin" controls preload="auto" width="270" height="360" data-setup='{ "plugins": { "zoomoomrotate": { "rotate": "270", "zoom": "1.4" } } }'>
        <source src="video-source" type="video/mp4">         
  </video>

}

另外，Chrome更新中最近出现了一个压缩移动视频的问题。仍在寻找解决方案

Answer 2

它似乎与视频文件中的旋转元数据有关。可以通过转码和旋转视频来解决该问题。类似的帖子here

Answer 3

最有可能的是，您已经录制了视频而没有意识到 - 这可能会发生，例如：使用智能手机相机时。

有些视频播放器可以自动更正这些内容，这可能就是为什么你没有意识到视频是颠倒的。

有一个名为VLC的免费视频播放器，你可以通过旋转视频来解决这个问题。

如果您还没有安装它，请将其安装到此处： http://www.videolan.org/vlc/

步骤：

在VLC媒体播放器中打开视频
暂停视频，如果视频太短而无法继续运行，则执行其他步骤时
在上方菜单中，导航如下：
1. 工具
2. 视频效果
在刚刚打开的窗口中，转到Geometry-tab并执行以下操作：
1. 选中“转化”框
2. 选择“旋转180度”
您的视频现在应该看起来不错，正面朝上
要保存更改：
1. 在上方菜单中单击，导航如下：
  1. 媒体
  2. 转换/保存
2. 选择您要保存文件的位置。
上传旋转的视频代替颠倒的视频。
现在您的视频应该正确显示：）

为什么HTML视频标记仅在Mozilla Firefox中显示视频？

3 个答案: