Question

我在项目中使用带有MP4视频的HTML5 <video>标记。当我测试它时，它只适用于Chrome，但不适用于Firefox或IE。当我尝试我的朋友的笔记本电脑时，只有五分之一的人有与我相同的问题，对于其他人来说，视频在Chrome，Firefox和IE中运行良好。我想知道是什么导致了这种行为。它是所有计算机上的Firefox 46.0.1。这是我的HTML代码：

<video id="video1" width="100%" height="auto" controls>
    <source src="the-mountain.MP4" type="video/mp4">
</video>

如何解决此问题？该项目必须至少与Chrome，Firefox和IE兼容。 9。

Answer 1

MP4容器，H.264（视频）和AAC（音频）中使用的编解码器是专利保护的，因此Mozilla决定不在Firefox本身实现这些编解码器，而是依赖support from the OS or device hardware。在H264的情况下，Firefox也可以安装OpenH264 plugin。

您在评论中提到您使用的是Windows 10 Pro N ，因此the Windows version that comes without the codecs Firefox通常会在Windows上使用。因此没有回放。 OpenH264可以让您在MP4文件中播放H.264，但您仍然缺少音频的AAC解码器。

The Knowledge base article也链接到下载内容，您可以将N版本打造成一个完整的版本。但是，这只会解决您的问题，但不适用于Firefox上的其他Windows N Edition用户。

要支持此类用户，您必须提供一个webm版本（附加{{1}}）。

Answer 2

您可以使用caniuse http://caniuse.com/#feat=video检查您是否支持视频对于子功能，您可以检查

http://caniuse.com/#feat=webm，

http://caniuse.com/#feat=mpeg4，

http://caniuse.com/#feat=ogv，

http://caniuse.com/#feat=webvtt

对于MP4，支持的版本来自带有此规范的FF45

Firefox自Windows 21起支持Windows 7及更高版本的H.264。   如果合适，Firefox自26版以来支持Linux上的H.264   安装了gstreamer插件。

部分支持较旧的Firefox版本是指缺少   OS X＆amp;一些非Android Linux平台。

只是FF doc的一个小建议尝试使用像素作为宽度和高度https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

身高

视频显示区域的高度，以CSS像素为单位。   宽度

视频显示区域的宽度，以CSS像素为单位。

Answer 3

问题是MPEG不是免费格式。

Microsoft，Apple和Google拥有许可证，允许他们在浏览器中原生支持该格式。然而，Firefox是一个开源项目，并没有支付MPEG LA。因此，MPEG视频的支持取决于第三方解码器的存在。（Source）

安装QuickTime plugin可能会解决此问题。

我的Firefox不支持HTML5视频，但在其他地方可以使用

3 个答案: