适用于所有主要浏览器的视频编解码器

Question

我在用

视频/mp4

格式并在'video js' 中使用，这在 chrome 中运行良好，但在 Firefox 中存在问题。在控制台中出现以下错误：

不支持“video/mp4”的指定“type”属性。加载媒体资源 # 失败。

是否有所有主要浏览器（如 Chrome、Firefix、IE 和 Safari）都支持的单一视频编解码器。

提前致谢。

Answer 1

MP4 是一种容器格式，因此放入其中的编解码器也很重要。

Firefox支持MP4与H.264视频和AAC或MP3音频且仅当你有一个第三方解码器可用。如果你正在寻找一种单一的格式来统治它们，那么你就不走运了，因为目前没有。

您处理此问题的方式是将相同的内容文件转码为多种格式，并在您的播放器中使用回退机制。

请参阅Mozilla 上的媒体格式页面以了解支持的内容和位置。例如。WebM带VP9/ VP8, Vorbis/Opus适用于 Firefox。

通常，回退的工作原理是将同一文件的所有不同版本指定为<video>标签的源。浏览器将选择它可以播放的第一个。

来自HTML5 Rocks 的示例：

<video controls>
  <source src="devstories.webm" type='video/webm;codecs="vp8, vorbis"'/>
  <source src="devstories.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
</video>

如果浏览器无法播放WebM，它将回退到MP4.