同域WordPress站点视频无法在iPhone加载问题求助

1. 检查10 Web Speed Optimizer插件的视频优化配置 #

• 该插件的视频转码、格式替换功能可能引发iOS兼容问题：比如强制将MP4转为WebM（Safari不支持WebM）却未保留MP4备选源。进入插件「Video Optimization」设置板块，关闭自动转码或强制WebM的选项，确保MP4源被优先加载。
• 排查插件缓存/响应头设置：iOS视频播放依赖HTTP Range分段请求，若插件禁用Range请求或设置错误缓存头（如no-cache），会导致加载失败。找到插件中视频缓存相关选项，开启对Range请求的支持。

2. 验证服务器对HTTP Range请求的支持 #

iOS Safari/Chrome加载视频必须依赖服务器支持Range分段请求，可通过curl命令测试：

curl -I -H "Range: bytes=0-1" https://glistofficial.com/wp-content/themes/Glist/videos/pexels-shvets-production-9056559-3840x2160-50fps.mp4

• 若返回206 Partial Content，说明支持；若返回200 OK，需在服务器配置中添加Range支持：
  • Nginx：确保启用mp4模块，在对应location块中添加mp4;，或添加响应头配置：add_header Accept-Ranges bytes;
  • Apache：在站点根目录.htaccess文件中添加：Header set Accept-Ranges bytes

3. 重新编码视频适配iOS兼容性 #

iOS对MP4编码有严格要求，需为H.264编码（Baseline/Main/High Profile），帧率建议不超过60fps。可使用FFmpeg重新编码视频：

ffmpeg -i input.mp4 -vcodec libx264 -profile:v main -level 4.1 -acodec aac output.mp4

• 重新编码可清除非标准元数据，避免iOS解析失败。

4. 排查插件冲突 #

临时禁用除10 Web Speed Optimizer外的所有WordPress插件（如安全插件、其他缓存插件），测试视频是否正常加载：

• 若恢复正常，再逐个启用插件，定位冲突插件后调整其配置或替换插件。

5. 修正video标签的标准写法 #

当前标签中muted=""为非标准布尔属性写法，调整为规范格式并优化属性顺序：

<video preload="auto" autoplay loop muted controls width="300" height="150">
  <source src="https://glistofficial.com/wp-content/themes/Glist/videos/pexels-shvets-production-9056559-3840x2160-50fps.mp4" type="video/mp4" />
</video>

• 规范写法可排除浏览器解析时的潜在问题。

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