视频容器格式
MP4 以 H.264 编码最为通用,几乎全平台支持;WebM 采用 VP8/VP9,体积小、开源友好;OGV 兼容性较窄。
在线播放器通常依赖浏览器原生解码能力,因此格式支持范围与浏览器引擎紧密相关。以下是最常见的格式族。
MP4 以 H.264 编码最为通用,几乎全平台支持;WebM 采用 VP8/VP9,体积小、开源友好;OGV 兼容性较窄。
MP3 兼容性最佳;AAC 音质更优、文件更小;OGG Vorbis 开源且免专利;FLAC 为无损但体积偏大。
HLS(.m3u8)适合分片播放与自适应码率;DASH 为开放标准。部分浏览器需借助 MSE 或插件支持。
不同浏览器内核决定了它能「原生」解码哪些格式,这也是同一文件在 A 浏览器能播、B 浏览器却报错的根本原因。
MP4(H.264 + AAC)是兼容性最广的组合,Chrome、Edge、Firefox、Safari 与移动端基本全支持。
MP3 是「万金油」格式,任何现代浏览器都能播放;AAC 在 Safari 与移动端表现尤为出色。
下表为常见格式在主流浏览器中的原生支持情况(以当前稳定版本为准,仅供参考)。
| 格式 | Chrome / Edge | Firefox | Safari | 移动端 |
|---|---|---|---|---|
| MP4(H.264) | 支持 | 支持 | 支持 | 支持 |
| WebM(VP9) | 支持 | 支持 | 部分 | 支持 |
| OGV(Theora) | 部分 | 支持 | 不支持 | 不支持 |
| MP3 | 支持 | 支持 | 支持 | 支持 |
| AAC(M4A) | 支持 | 支持 | 支持 | 支持 |
| OGG Vorbis | 支持 | 支持 | 不支持 | 部分 |
| FLAC | 支持 | 支持 | 支持 | 部分 |
| HLS(m3u8) | 需 MSE | 需 MSE | 原生支持 | 原生支持 |
当源文件格式不被目标浏览器支持时,转换是最直接的解决方式,但需注意以下几点:
专业做法是为同一媒体提供多种格式源,让浏览器自动选择可播放的版本。
<source> 标签,按兼容性从高到低排列。onerror 回调给出友好的格式提示。我们深知音视频文件的私密性,因此把安全与合规放在首位。
播放与格式检测均在浏览器本地完成,媒体文件不会上传到任何服务器。
无需注册登录,不收集个人身份信息,不植入第三方广告追踪脚本。
请仅播放您拥有合法权利的音视频内容,尊重版权与相关法律法规。
下面的演示卡在本地运行,输入格式或文件名后缀即可获得兼容性建议。
选择文件后缀,立即查看推荐播放方案。
输入文件名,自动识别其格式类型。
不同使用场景对格式的诉求不同,以下是几个常见案例。
H.264 + AAC 的 MP4 在各类设备与浏览器上都能流畅播放,降低学员反馈「看不了」的概率。
同时提供 MP3 与 AAC 双音频源,既保证最大兼容性,又兼顾移动端音质与流量。
VP9 编码的 WebM 体积更小,适合作为页面背景循环播放,配合 MP4 回退覆盖 Safari。
直播与长视频采用 HLS,可根据网络状况动态切换清晰度,减少卡顿与中断。
对音质有要求的场景可用 FLAC,现代浏览器已普遍支持,但需注意移动端兼容。
历史 AVI 素材浏览器无法直接播放,建议统一转码为 MP4 后再上线。
以下问题整理自用户反馈,帮助你快速定位格式相关问题。
以下为近期与音视频格式、浏览器兼容相关的动态整理。
补充 AV1 编码在主流浏览器中的最新支持情况,便于选择新一代视频格式。
整理 FLAC 在桌面与移动浏览器的支持差异,并给出降级方案建议。
梳理 m3u8 在 Chrome 中借助 MSE 播放的关键步骤与常见报错处理。
演示如何通过多个 source 标签按兼容性顺序提供 MP4、WebM 与 OGV 源。
针对课程视频与播客音频,给出兼顾画质、音质与体积的推荐码率区间。
汇总 iOS 与 Android 主流浏览器在 OGG、FLAC 等格式上的支持差异。