为何iPhone的Safari 15.1无法加载WebM文件 是否应当改用MP4格式？

WebM在Safari/iPhone上无法正常加载的具体原因 #

• 版本支持门槛限制：苹果仅从iOS 15、macOS 12开始才对WebM提供有限支持，低于这两个版本的设备完全不识别WebM格式，是最常见的加载失败原因。
• 编码规格兼容问题：即便是符合版本要求的Safari，也仅支持VP9编码的视频流，VP8编码的WebM、带Opus音轨的WebM、带透明alpha通道的WebM，大部分场景下都无法正常解码播放。
• 硬件解码限制：只有搭载A12及以上芯片的iOS设备、2018年及以后发布的Mac设备才支持VP9硬件解码，旧设备即使系统版本达标，仅靠CPU软解码高码率WebM时，很容易出现加载失败、卡顿甚至无响应的问题。
• 资源加载规则限制：Safari对媒体资源的CORS校验、请求头规则要求比其他浏览器更严格，若WebM资源的响应头、跨域配置不符合Safari要求，也会直接触发加载失败。

是否需要切换使用MP4格式 #

如果你的业务需要覆盖全量苹果设备用户，优先切换为H.264编码的MP4格式是兼容性最优的选择：

• H.264编码的MP4在全版本iOS、macOS Safari上都原生支持硬件解码，播放稳定性远高于WebM，不会出现版本或硬件兼容问题。
• 同等画质下H.264编码的文件体积和WebM差距极小，不会带来明显的带宽成本上升。

如果你仅面向iOS 15+、A12芯片以上的新设备用户，且需要用到WebM的透明通道等独有特性，可以保留WebM格式，同时做兼容降级处理：通过JS检测当前浏览器的WebM支持情况，不支持的设备自动切换到MP4资源即可。

内容的提问来源于stack exchange，提问作者János