跨桌面浏览器的HTML 5视频的不一致行为

我认识的人要求我将他网页上的视频从使用FlowPlayer转换为使用原生HTML5视频

首先，我读到3种格式足以覆盖主要的桌面浏览器（Chrome、Firefox、IE和Opera）。从

.avi

开始，我使用Miro视频转换器在

.mp4

、

.ogg

和

.webm

中获取视频，如下所示：

为了进一步帮助实现交叉兼容性，我决定使用

加价似乎也很简单：

<video id="example_video_1" class="video-js vjs-default-skin"
       controls preload="auto" width="500px" height="300px"
       poster="something.png">
   <source src="something.mp4" type="video/mp4" />
   <source src="something.webm" type="video/webm" />
   <source src="something.ogv" type="video/ogg" />
</video>

那没什么区别

然后，我交换了

源

标记的顺序，使

.ogv

视频首先出现。现在，Firefox中也播放了视频，但是

.ogv

的质量不如

.mp4

高

所讨论的页面如下：

我链接到上面的页面只是为了说明。在上面的页面中，

.ogv

是第一位的，所以是的，我知道它在Firefox中起作用

所以我的问题是：我需要做什么才能让Firefox和IE 10/11播放

.mp4

？可以安全地假设这些是运行Windows 7/8机器的每个浏览器的最新版本。

---

编辑：MediaInfo向我提供了有关该文件的信息（它看起来正确吗？）：

---

我通过使用

我给了它现有的

.mp4

，并要求它给我一个新的

.mp4

，规格如下：

这个新的

.mp4

可以在所有4种浏览器中正常工作，没有问题：）

---

Miro Video converter转换文件的方式导致IE和Firefox只能看到音频曲目而不能看到视频曲目。这是通过使用重新转换来纠正的。

在Win8上的ff24中对我有效是的。因为它正在使用

.ogv

。如问题中所述，我希望Firefox播放

.mp4

。我在服务器上设置了一个带有mp4文件的测试页面。它在FF24、Chrome 30、IE10和Windows 7中运行良好。已将MP4下载到我的测试服务器-与您报告的FF24问题相同。尝试了来自的几个MP4剪辑（因为它们是免费的！），没有任何问题。我对视频格式没有足够的了解，无法就问题提出任何建议。我希望这有帮助。你是如何压缩视频的？MP4只是实际视频和音频流的容器（应该分别是H.264和AAC）。看起来左.mp4在整个视频过程中都是用黑匣子压缩的。

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm