Safari循环视频性能异常：重复字节范围请求是否为设计如此？

核心行为定性 #

这确实是Safari的设计特性。不同于Chrome等浏览器倾向于一次性拉取完整视频的策略，Safari从一开始就依赖字节范围请求（要求服务器返回206 Partial Content状态码）来流式加载视频。当视频触发循环从头播放时，Safari的媒体播放管线会默认重新发起相同的字节范围请求序列，这一行为是其固有逻辑的一部分。

字节范围请求的缓存支持说明 #

Safari支持字节范围请求的缓存，但缓存生效有明确前提：

• 服务器必须正确配置缓存响应头：包括Cache-Control（设置合理缓存时长，比如max-age=86400）、ETag和Last-Modified，否则Safari无法验证缓存内容的有效性，会直接重新发起请求。
• 视频文件大小会影响缓存策略：大文件的字节范围片段可能仅在内存中临时存储，循环播放时内存缓存失效，就会重复发起请求。

视频文件大小的影响验证 #

你的猜测完全正确：

• 小体积视频（通常几MB以内）会被Safari一次性完整加载并存入缓存，循环时无需发起新请求。
• 像你提到的40MB级别的大视频，会被拆分为多个字节范围片段请求，循环时这些片段请求会重复触发，额外的网络延迟正是导致播放卡顿的直接原因。

优化建议 #

1. 配置服务器缓存策略：确保视频文件返回标准缓存头，让Safari可以复用已缓存的字节范围内容，减少重复请求。
2. 切换到HLS流式协议：HLS是Safari原生支持的流式格式，会将视频拆分为固定时长的小分片，循环播放时可直接复用已缓存的分片，大幅降低重复请求量。
3. 手动控制循环逻辑：通过JavaScript监听ended事件，手动将视频播放位置重置到开头，替代原生loop属性，部分场景下可触发Safari的缓存复用机制。

复现代码 #

<video src="https://jsoncompare.org/LearningContainer/SampleFiles/Video/MP4/Sample-MP4-Video-File-Download.mp4" autoplay loop muted playsinline preload="auto" controls/>

请求行为截图 #

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