iOS设备中HTML video标签无法正常工作，求解决方案

先指出你代码里的明显错误：

• 你的<source>标签中，.mov文件的type属性配置错误，应该设为video/quicktime，而非video/mp4，这会导致iOS无法正确识别该视频源。

以下是具体的修复步骤和排查方向：

• 修正视频源的type属性
  调整后的代码示例：

  <video muted autoplay loop playsinline>
    <source src="<?php echo THEME_IMAGES . '/video.mp4' ?>" type="video/mp4">
    <source src="<?php echo THEME_IMAGES . '/video.mov' ?>" type="video/quicktime">
  </video>
  

  建议移除video标签上的src属性，统一用<source>标签管理多格式视频源，避免属性冲突。

• 检查视频编码规范
  iOS对H.264编码的MP4支持最佳，需确保视频符合以下要求：

  • 编码格式：H.264 Baseline或Main Profile
  • 分辨率：建议不超过1080P（1920×1080）
  • 帧率：30fps以内
  • 音频编码：AAC-LC（即使视频设置了muted，也要保证音频编码兼容）

• 验证服务器MIME类型配置
  确保你的服务器正确配置了视频文件的MIME类型：

  • .mp4对应video/mp4
  • .mov对应video/quicktime
    错误的MIME类型会导致iOS拒绝加载视频。

• 添加显式JS播放触发
  部分iOS场景下，即使配置了autoplay和muted，也需要DOM加载完成后显式触发播放：

  document.addEventListener('DOMContentLoaded', function() {
    const video = document.querySelector('video');
    if (video) {
      video.play().catch(err => console.log(err));
    }
  });
  

• 确认iOS版本兼容性
  playsinline属性仅在iOS 10及以上版本被支持，如果用户使用更早版本的iOS，该属性会失效，视频可能自动全屏播放或无法加载。

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