Chrome、Edge及Firefox播放WordPress自托管视频有音无画问题求助

问题根因 #

该兼容问题本质是视频编码格式不符合主流现代浏览器的原生解码规则。安卓端UC Mini浏览器内置了全格式视频转码/解码模块，因此可以兼容非常规编码的视频，而Chrome、Edge、Firefox等浏览器默认仅支持H.264视频编码+AAC音频编码封装的MP4格式文件，编码不匹配时就会出现仅能解码音频轨、无法解码视频轨的情况。

修复步骤 #

• 第一步：排查异常视频的编码参数
  可使用MediaInfo、格式工厂等本地工具查看出问题视频的编码信息：
  • 若视频编码显示为HEVC(H.265)、VP8、VP9、AV1等非H.264格式，即可确认是编码兼容问题
  • 若音频编码不是AAC格式，也可能引发部分场景播放异常
• 第二步：将视频转码为全兼容格式
  使用HandBrake、格式工厂等转码工具，将异常视频按照以下参数重新压制：
  • 封装格式选择MP4
  • 视频编码选择H.264 (AVC)
  • 音频编码选择AAC
  • 视频分辨率建议不超过4K，帧率不超过60fps，码率可根据清晰度需求自行调整
• 第三步：替换WordPress媒体库中的原视频文件，清理网站缓存和浏览器缓存后重新测试播放
• 第四步：若转码后仍存在播放问题，检查Easy Video Player插件配置：
  • 确认插件未开启仅音频播放的特殊配置项
  • 将插件升级到最新正式版本，排除插件本身的解码兼容BUG

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