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

Question

我正在使用

video/mp4

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

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

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

提前致谢。

Answer 1

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

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

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

见 Media Formats 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 .