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

Question

我正在使用 HTML5 <video>在我的项目中用 MP4 视频标记。当我测试它时，它只适用于 Chrome，但不适用于 Firefox 或 IE。当我试用 friend 的笔记本电脑时，只有五分之一的人遇到与我的相同的问题，对于其他人来说，视频在 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 的情况下，还有 OpenH264 plugin Firefox 可以自行安装。

您在评论中提到您使用的是 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 版用户解决问题。

要支持此类用户，您必须提供 webm 版本(附加 <source>)。