如何解决HTML <video>标签在Firefox中无法播放视频的问题？

1. 修复混合内容加载限制 #

你的网站使用HTTPS协议，但视频链接用的是HTTP，Firefox会默认阻止不安全的HTTP资源在HTTPS页面加载，这是导致播放失败的核心原因之一。将视频链接改为HTTPS：

<video id="player" width="100%" height="auto" autoplay controls>
  <source src="https://richard-parkins.free.nf/bc.mp4" type="video/mp4">
</video>

2. 检查视频编码兼容性 #

MP4只是容器格式，Firefox 115 ESR对编码有明确要求：

• 支持的视频编码：H.264（AVC）、VP8、VP9
• 支持的音频编码：AAC、MP3、Vorbis、Opus
  如果你的视频使用H.265（HEVC）编码，Firefox ESR在Linux环境下默认不支持，需要转码为H.264。可以用ffmpeg完成转码，同时添加流式播放优化参数：

ffmpeg -i bc.mp4 -c:v libx264 -c:a aac -movflags +faststart bc_compatible.mp4

-movflags +faststart会把视频的索引信息（moov原子）移到文件开头，确保浏览器无需等待完整下载即可开始播放。

3. 验证服务器MIME类型配置 #

如果服务器返回的视频MIME类型不是video/mp4，浏览器会无法识别格式。你可以通过浏览器开发者工具（F12）的「网络」面板，查看请求bc.mp4时的响应头Content-Type：

• 若显示application/octet-stream或其他错误类型，需在服务器配置中添加正确的MIME映射：
  • Apache服务器：在.htaccess中添加

    AddType video/mp4 .mp4
    

  • Nginx服务器：在站点配置中添加

    types {
      video/mp4 mp4;
    }
    

4. 检查视频文件完整性 #

若视频文件本身损坏，也会导致播放失败。用ffmpeg检查文件状态：

ffmpeg -v error -i bc.mp4 -f null -

如果输出错误信息，说明文件存在损坏，需要重新上传或修复原文件。

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