iOS Safari浏览器中WebM视频无法播放问题求助

核心原因 #

iOS Safari不支持WebM格式，这是原生限制，和playsinline等属性无关。WebM是谷歌主导的视频格式，Safari仅兼容MP4（H.264编码）、MOV等苹果标准格式。

解决步骤 #

• 为视频添加MP4格式的备用源，确保视频编码为H.264 + AAC（Safari的标准支持编码组合）。
• 保留playsinline、muted属性，这两个是iOS实现自动播放的必要条件（iOS要求静音状态下才能自动播放内嵌视频）。

修改后的代码示例 #

<video autoPlay loop muted playsinline id="video">
  <source src="你的MP4视频地址" type="video/mp4" />
  <source src="你的WebM视频地址" type="video/webm" />
</video>

额外注意事项 #

• 把MP4源放在前面，Safari会自动识别并加载它支持的格式。
• 确认MP4视频的编码参数符合要求：视频编码用H.264（Baseline/Main/High profile均可），音频编码用AAC-LC。
• 旧版本iOS对编码兼容性要求更严格，若仍有问题可检查视频编码参数是否达标。

内容的提问来源于stack exchange，提问作者Turic