HTML5 <video> 标签不决定HEVC支持，实际取决于浏览器、操作系统和硬件协同；Safari全面支持，Edge需系统扩展，Chrome默认禁用，Firefox明确不支持，Android需机型匹配；应采用多源回退策略。
HTML5 <video> 标签本身不决定是否支持 HEVC（H.265）解码，真正起作用的是浏览器内嵌的媒体引擎及其底层系统解码能力。能否播放 HEVC 视频，取决于浏览器、操作系统、硬件（尤其是 GPU 和驱动）三者的协同支持，而非 HTML 标签语法。
浏览器原生支持情况（截至 2024 年）
目前只有部分浏览器在特定平台上提供 HEVC 支持：
- Safari（macOS/iOS）：全面支持 HEVC 播放（软硬解均可），是目前兼容性最稳定的环境；
- Edge（Windows 10/11）：依赖系统级 HEVC 解码器（需安装 Microsoft HEVC Video Extensions，部分设备预装）；
- Chrome（Windows/macOS）：默认不启用 HEVC，即使系统支持，也常因版权和策略原因禁用；
- Firefox：明确不支持 HEVC，官方表示暂无计划集成（出于开源许可与专利顾虑）；
- Android Chrome：部分新机型（如搭载骁龙8 Gen2+或天玑9200+）可通过系统媒体框架解码，但需视频容器（MP4）、编码参数（如 profile/level）完全匹配，且无统一保障。
如何检测当前环境是否支持 HEVC
不能仅靠 canPlayType() 返回 "probably" 就断定可用——它只反映 MIME 类型识别能力，不验证实际解码能力。更可靠的方式是：
- 使用
video.canPlayType('video/mp4; codecs="hvc1.1.2.L153.B0"')获取返回值（"probably"/"maybe"/""），但仅作初步筛查； - 创建隐藏
<video>元素，设置src为一个极短、参数规范的 HEVC MP4 文件（如 baseline profile、480p、无 B-frame），监听loadedmetadata或error事件； - 结合
navigator.platform和navigator.userAgent做平台粗筛（例如：iOS Safari 可信度高，Firefox 直接跳过）； - 注意：某些 Android 设备会“伪支持”——
canPlayType返回"probably"，但实际加载失败，必须实测解码。
实际部署建议
面向公众的网站不应单独依赖 HEVC，而应采用渐进式回退策略：
立即学习“前端免费学习笔记（深入）”；
- 在
<video>中同时提供多个<source>，优先放 HEVC（MP4），其次放 AVC（H.264）版本； - 服务端可基于 UA 或客户端探测结果，动态下发不同编码格式（例如通过 JS 请求探测接口后拼接 URL）；
- 避免使用 HEVC 的高级特性（如 10-bit、HDR、Main10 profile），除非明确限定设备范围（如自有 iOS App 内 WebView）；
- 对关键场景（如广告、教学视频），保留 H.264 作为保底，确保 99%+ 设备可播。
补充说明：容器与编码参数的影响
HEVC 支持还受限于封装格式和编码细节：
- 浏览器普遍只接受
.mp4容器中的 HEVC（hvc1或hev1codec string），不支持 MKV、AVI 等； - 某些设备要求
level≤ 4.1（对应 1080p@30fps），超出则无法解码； - 音频轨道也需注意：HEVC MP4 若含 AAC-LC 音频通常兼容，但若用 AC-4 或 E-AC-3，则多数浏览器不支持。
