应该使用哪些 HTML5 视频编解码器？答案

【问题标题】：What HTML5 video codecs should be used?应该使用哪些 HTML5 视频编解码器？
【发布时间】：2013-10-23 10:46:41
【问题描述】：

我的网站背景中有一段视频正在播放。它是带有 jpg 后备的 HTML5。

我使用这个 HTML

        <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
            <source src="video/nieuw.mp4" />
            <source src="video/nieuw.webm" type="video/webm; codecs=vp8,vorbis" />
            <source src="video/nieuw.ogg" type="video/ogg; codecs=theora,vorbis" />
            <img src="img/bg1.jpg" alt="bg" />
        </video>

我摆弄了这些<source> 文件的顺序，并且摆弄了很多转换工具。我使用了 MIRO 转换器、VLC、iMovie 等……等等……

但我总是以至少一个浏览器不显示电影而告终，例如 Mac 上的 Safari 不工作，所有其他浏览器都可以。或者除 windows / Chrome 之外的所有浏览器都不起作用。这让我很生气。

你们可以发布您的最佳做法吗？您使用什么序列的 html5 代码，以及您使用哪些程序/设置来转换电影？

非常感谢！

【问题讨论】：

标签： html video vlc video-codecs

【解决方案1】：

现在是 2016 年，MPEG-4/H.264 视频格式赢了，你可以放弃 webm 和 ogv http://caniuse.com/#feat=mpeg4

使用 AWS Elastic 转码器进行转换

【讨论】：

【解决方案2】：

最好的方法是集成任何播放器（如 jwplayer），因为并非所有浏览器都支持视频标签，并在上传时根据您的播放器支持使用任何库（如 ffmpeg lib）将所有视频转换为一种通用格式。

http://www.w3schools.com/html/html5_video.asp

【讨论】：

【解决方案3】：

编解码器超出了 w3c 规范的范围。 Zencoder 在这里有一篇关于这个确切问题的非常好的博客文章：

http://blog.zencoder.com/2013/09/13/what-formats-do-i-need-for-html5-video/

【讨论】：

【解决方案4】：

好的，我可以在所有常见的浏览器中使用它，并为较旧的浏览器提供后备。我使用 VLC 来转换文件，并使用下面的 HTML：

<video id="video_background" volume="0" muted="muted" loop="loop" autoplay="true" preload="auto">
<source type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" src="video/pr6.mp4"></source>
<source type="video/webm; codecs=vp8,vorbis" src="video/pr6.webm"></source>
<source type="video/ogg; codecs=theora,vorbis" src="video/pr6.ogv"></source>
<img alt="bg" src="img/bg1.jpg">
</video>

【讨论】：