指南
网站视频用什么格式好：MP4、WebM、HEVC、AV1 对比
更新于 5 分钟阅读
对大多数网站来说，最合适的视频格式是 H.264 视频加 AAC 音频的 MP4，因为目前所有浏览器、手机和电视都能播放。如果在意带宽，再额外提供一份 WebM（VP9 视频、Opus 音频）作为备选源，让浏览器自己挑。两种文件都可以用视频格式转换工具生成，不需要上传文件。
先分清容器和编码
人们说的“格式”其实指两件事。容器（MP4、WebM、MKV）是带文件后缀的那个“盒子”；编码（H.264、VP9、HEVC、AV1）是里面画面的压缩方式。浏览器能不能播，主要取决于编码。光说“MP4”信息很少，因为 MP4 里可能装的是 H.264、HEVC，也可能是 AV1。
四种选择的实际情况
| 选项 | 浏览器支持 | 文件体积 | 结论 |
|---|---|---|---|
| MP4（H.264 + AAC） | 全平台：当前所有桌面和手机浏览器、电视、老设备 | 基准 | 最稳妥的默认选择 |
| WebM（VP9 + Opus） | Chrome、Edge、Firefox；较新的 Safari 支持，旧版本不支持 | 同等画质下通常比 H.264 小 | 适合作为第二来源 |
| HEVC（H.265） | Safari 支持好；其他浏览器取决于硬件和系统 | 比 H.264 小 | 不要单独使用 |
| AV1 | 较新的浏览器；流畅播放需要较新的硬件 | 往往最小 | 大型站点可选的额外来源 |
支持情况会随浏览器和设备更新而变化，要依赖比 H.264 更新的编码之前，请先查看最新的兼容性表。
H.264 + AAC 的 MP4
这是几乎不会出问题的组合。几乎所有设备都有硬件解码 H.264 的能力，播放流畅，也省电。代价是体积：同样画质下比新编码大。对大多数网站来说，这个代价换来“永远不用解释视频为什么播不了”，很划算。
VP9 + Opus 的 WebM
WebM 是为网页而生的格式，同等画质下文件往往更小。访问量大或视频很大时值得加上。但只提供 WebM 不是好主意，因为旧版 Safari 播不了。应该和 MP4 并列提供，而不是取代它。
HEVC（H.265）
HEVC 压缩率高，很多手机默认就用它录制，所以你经常会遇到。但用于网页分发时支持不一致，依赖 HEVC 的页面会让一部分访客看到空白播放器。发布之前请把 HEVC 素材转成 H.264。（如果 iPhone 视频在电脑上播不了，原因可以看iPhone 视频在 Windows 上打不开怎么办。）
AV1
AV1 免专利费，体积可以做得很小，较新的浏览器也能解码。但编码很慢，没有硬件解码的旧设备可能会卡。只有在你已有能输出它的编码器时，才适合作为 MP4 之外的额外来源。xFormat 的转换工具输出的是 MP4 和 WebM，不输出 AV1 或 HEVC。
大多数网站的推荐做法
- 发布一份 MP4（H.264 + AAC），这一份就覆盖几乎所有访客。
- 如果在意带宽或页面体积，再做一份 WebM（VP9 + Opus），在 video 元素里把两个来源都列出来。浏览器会播放第一个它支持的来源，所以把你更想用的放前面。
- 网页上不用 HEVC，AV1 当作可选的加分项。
生成文件可以用视频格式转换，也可以用专门的 MP4 转 WebM 页面。源文件本来就是 H.264 加 AAC 时，转成 MP4 只是重新封装，速度快且无损；如果是其他编码，就会重新编码为 H.264 和 AAC。
分辨率和码率比格式更重要
把 4K 视频放进 720 像素宽的文章栏里，不管选哪种编码都是浪费带宽。请缩小到实际显示的尺寸。页面内视频用 720p、约 2.5 Mbps 是个合理的上限，全宽的首屏循环视频往往还可以更小。视频压缩指南讲了码率、分辨率和体积的对应关系，压缩工具可以直接指定目标大小。
自动播放、封面图等小贴士
- 自动播放只能静音。浏览器会拦截带声音的自动播放。请加上
muted和playsinline属性，否则 iPhone 可能会全屏打开视频。 - 加封面图。
poster属性会在视频加载时显示一张静态画面，页面布局就不会跳动。 - 循环视频要短。几秒的背景循环比一段长视频轻得多。
- 特别大或特别长的视频，通常交给专门的视频托管服务比放在自己的服务器上更合适。
发布前的快速测试
不要只相信一个浏览器。视频上线之前，在手机上、在桌面端至少两个浏览器里，有条件的话再在一台旧设备上打开页面。检查三件事：能不能不用久等就开始播放，声音是否符合预期，静音自动播放的循环视频是不是真的自己开始了。十分钟的测试几乎能发现所有格式问题。另外请保留原始文件，以后标准或需求变化时可以重新导出。
常见问答
网站用 MP4 还是 WebM 更好？
只选一个的话，H.264 的 MP4 更稳妥，因为到处都能播。WebM 适合作为补充来换取更小的体积，但不该是唯一版本。
网站能直接用 HEVC 吗？
不能单独使用。浏览器支持取决于设备和系统，部分访客会什么都看不到。请先转成 H.264。
转成 MP4 会损失画质吗？
视频本来就是 H.264 加 AAC 音频时不会，因为只是重新封装。如果转换器需要重新编码，可能会有轻微损失。
转换时文件会被上传吗？
不会。转换在你自己设备的浏览器里完成。电脑上建议不超过约 500 MB，手机约 200 MB。
