HTML视频兼容性依赖浏览器对格式支持，主流格式为MP4（H.264+AAC）、WebM（VP8/VP9+Opus/Vorbis）和OGG（Theora+Vorbis）；Chrome、Edge、Opera支持MP4和WebM；Firefox支持WebM和OGG，MP4支持有限；Safari仅支持MP4；为确保兼容，应使用多源标签顺序提供MP4、WebM、OGG文件，浏览器按序加载首个可识别格式；编码需匹配：MP4用H.264+AAC，WebM用VP9+Opus，避免HEVC；移动端注意码率控制以优化性能。
HTML 视频的播放能力主要依赖于浏览器对特定视频格式和编码的支持。虽然 <video> 标签在 HTML5 中统一了嵌入视频的方式，但不同浏览器对视频格式的兼容性存在差异。以下是目前主流支持的视频格式及其兼容性分析。
常见的 HTML 视频格式
目前在网页中常用的视频格式主要有以下三种：
- MP4 (H.264 + AAC)：最广泛支持的格式，使用 H.264 视频编码和 AAC 音频编码。
- WebM (VP8/VP9 + Vorbis/Opus)：开源格式，由 Google 推动，适用于 Chrome、Firefox 和 Edge。
- OGG (Theora + Vorbis)：较老的开源格式，主要用于 Firefox 和旧版 Opera。
各浏览器的兼容性情况
不同浏览器对上述格式的支持程度不一，具体如下：
- Chrome：支持 MP4 和 WebM，不推荐使用 OGG。
- Firefox：完整支持 WebM 和 OGG，MP4 支持因系统编解码器而异（通常支持 H.264）。
- Safari：主要支持 MP4（H.264），不支持 WebM 或 OGG。
- Edge：支持 MP4 和 WebM，不支持 OGG。
- Opera：支持 MP4 和 WebM，对 OGG 的支持逐渐弱化。
如何确保跨浏览器兼容性
为了确保视频能在大多数设备和浏览器中正常播放，建议采用多源格式提供方式：
立即学习“前端免费学习笔记（深入）”；
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
浏览器会按顺序尝试加载它能识别的第一个格式，因此将 MP4 放在前面可优先兼容 Safari 和移动设备。
编码建议与性能考量
即使文件扩展名为 .mp4，也需确保内部编码为 H.264（而非 HEVC/H.265，后者兼容性差）。对于 WebM，推荐使用 VP9 编码以获得更好压缩率。同时注意音频轨道应匹配：AAC 用于 MP4，Opus/Vorbis 用于 WebM。
移动端尤其要注意文件大小和比特率，避免高码率视频导致加载缓慢或无法播放。
基本上就这些。合理选择格式并提供多个源文件，就能覆盖绝大多数用户环境。不复杂但容易忽略细节。
