iOS 15系统Safari浏览器嵌入视频无法播放问题咨询

该问题是iOS 15版本Safari启用GPU进程处理媒体资源后的已知兼容性缺陷，你现有的视频嵌入代码已经满足自动播放的基础规则，可通过以下调整完成适配：

1. 修正video标签属性写法 #

iOS 15 Safari对字符串形式的布尔属性存在解析异常，把属性的字符串赋值改为原生布尔属性写法即可：

<video id="video" autoplay loop muted playsinline>
    <source src="media/video.mp4" type="video/mp4">
</video>

2. 增加JS主动播放兜底逻辑 #

避免Safari自动播放策略静默拦截播放行为：

document.addEventListener('DOMContentLoaded', () => {
  const video = document.getElementById('video')
  video.load()
  const playAction = video.play()
  if (playAction) {
    playAction.catch(() => {
      // 播放被拦截时可自定义交互逻辑，比如展示播放按钮引导用户点击触发
    })
  }
})

3. 确认视频编码符合Safari硬解要求 #

• 视频编码必须为H.264，音频编码为AAC
• H.264的profile level不超过4.1
• 码率、分辨率不要超出当前设备的硬解上限

不符合编码要求的视频会直接触发GPU进程解码失败，导致无法播放。如果你的使用场景不需要音频，压制视频时可以直接移除音频轨道，进一步降低解码异常概率。

可选兼容方案 #

如果上述调整后仍有小部分设备出现异常，可以在服务端对iOS 15的Safari请求返回编码复杂度更低的视频版本，降低GPU解码压力。

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