我应该为 HTML <video> 使用哪种视频格式/编解码器来支持最新的主流浏览器？答案

【问题标题】：Which video format/codecs should I use for HTML <video> to support actual most recent major browsers?我应该为 HTML <video> 使用哪种视频格式/编解码器来支持最新的主流浏览器？
【发布时间】：2022-01-14 16:10:29
【问题描述】：

我看到其他问题涉及同一主题：

但他们已经很老了，我认为在这个主题上更新信息是至关重要的。

我现在正在使用video/webm;codecs=vp9，但我在使用某些浏览器时遇到了问题

那么我应该提供什么格式/编解码器版本来支持 Windows、Linux、Mac、Android 和 iOS 中主要浏览器的最新版本？

我正在使用 MediaRecorder 在它自己的浏览器中生成视频，因此如果可以使用此系统生成建议的格式/编解码器，这将为我节省在服务器上重新编码它的额外步骤。

如果您有一个ffmpeg 命令配置来生成格式/编解码器，这也会对我有所帮助。

【问题讨论】：

查看caniuse.com/video 上的“子功能”，了解各种支持的编解码器/容器及其当前支持

标签： html html5-video video-codecs

【解决方案1】：

正如@Offbeatmammal 在his/her comment 上建议的那样，我们可以在这里看到视频编解码器的实际兼容性：

https://caniuse.com/?search=video

但是其中的信息量很大，很难在特定的答案中消化。

developer.mozilla.org的朋友有一些具体的建议，希望更新：

一个 WebM 容器，对视频使用 VP9 编解码器，对音频使用 Opus 编解码器
MP4 容器和 AVC (H.264) 视频编解码器，最好使用 AAC 作为音频编解码器

结果：

<video controls>
  <source src="video.webm" type='video/webm; codecs="vp9, opus"'>
  <source src="video.mp4" type='video/mp4; codecs="avc1, aac"'>    
</video>

这些是ffmpeg生成此类文件的最基本配置：

# Webm
ffmpeg -i #INPUT -c:v libvpx-vp9 -c:a libopus video.webm

# MP4
ffmpeg -i #INPUT -c:v libx264 -c:a aac video.mp4

【讨论】：