Google Chrome 中 HTML video 标签将 MOV 文件识别为音频文件

.mov 是媒体容器封装格式，而非视频编码格式。浏览器能否正常播放视频，取决于容器内部封装的音视频编码是否被支持，和文件后缀没有必然关联。

iPhone 8 拍摄的 MOV 文件默认使用 HEVC（H.265） 编码封装视频轨，音频轨为通用 AAC 编码。你所用的 90 版桌面 Chrome 尚未支持 HEVC 视频解码，仅能识别并解码容器内的 AAC 音频轨，因此会将整个资源判定为纯音频，右键菜单显示「AUDIO」，也不会渲染视频画面。

Chrome 从 107 版本开始，才在支持 HEVC 硬解的设备上默认开放该编码的播放能力，更旧的版本均无法直接播放 HEVC 编码的视频。

少数情况是服务器配置问题：如果服务器给 .mov 文件返回了音频类的 Content-Type 响应头，也会误导浏览器判定资源类型。如果需要确认文件的实际编码，可执行 ffprobe 文件名.MOV 命令查看，也可以通过本地播放器的媒体信息功能核对。

按兼容范围从广到窄排序：

• 转码为 H.264 编码 MP4（推荐）
  H.264（AVC）是所有现代浏览器全平台兼容的视频编码，转成 MP4 封装后可适配所有版本的 Chrome 及其他主流浏览器。
  可通过 FFmpeg 执行以下命令完成转码：

  ffmpeg -i 输入文件.MOV -c:v libx264 -crf 23 -preset medium -c:a aac -b:a 128k 输出文件.mp4
  

  转码完成后，替换 <video> 标签中的资源地址即可。
• 配置多源适配
  如果需要保留原始 MOV 文件，可在 <video> 标签内声明多个不同编码的资源，浏览器会自动选择自身支持的版本加载：

  <video width="320" height="240" controls>
    <source src="h264编码的文件.mp4" type="video/mp4">
    <source src="原始文件.MOV" type="video/quicktime">
    您的浏览器不支持 video 标签。
  </video>
  

• 升级浏览器（仅适合自用场景）
  将 Chrome 升级至 107 及以上版本，且设备硬件支持 HEVC 硬解时，可直接播放原始 MOV 文件。该方案对旧设备、其他低版本浏览器兼容性差，不适合面向公网用户的场景。
• 排查服务器 MIME 配置
  确认服务器对 .mov 后缀文件返回的 Content-Type 为 video/quicktime，避免误配为音频类型。

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