IE11与Edge中HTML5 Video无法播放，报HTTP502错误求助

首先，先帮你理清核心问题：你提到Chrome、Firefox和手机端都能正常播放，但IE11和Edge报HTTP502: BAD GATEWAY错误，这个错误本质是服务器/网关层面的问题，和视频编码本身关系不大——毕竟其他浏览器能正常加载，说明视频文件的编码是符合要求的。

下面是你可以一步步排查的方向：

• 直接测试视频文件的可访问性：在IE11和Edge里，直接在地址栏输入video.mp4和video.webm的完整URL，看是否能正常加载播放。如果直接访问也报502，那百分百是服务器/网关的配置问题，和<video>标签无关。
• 检查服务器的网关/代理配置：502错误意味着你的服务器作为网关或代理时，从上游服务器（比如CDN、后端存储服务器）收到了无效响应。可能的原因包括：
  • 服务器的反向代理规则对IE/Edge的请求UA（用户代理）做了特殊处理，导致路由出错；
  • CDN节点缓存异常，针对IE/Edge的请求返回了错误响应；
  • 上游服务器暂时不可用，或对特定类型的请求限制了访问。
• 确认服务器的MIME类型配置：虽然502不是MIME类型错误，但IE/Edge对视频文件的MIME类型要求很严格。确保你的服务器已经正确配置：
  • MP4对应的MIME类型为video/mp4；
  • WebM对应的MIME类型为video/webm。
    有些服务器默认未配置WebM的MIME类型，可能会导致浏览器无法识别文件类型，这个可以作为后续排查的补充项。
• 临时绕过网关/CDN测试：如果你的网站使用了CDN或者反向代理，可以尝试直接访问源服务器的视频文件地址，看IE/Edge是否能正常播放，以此判断是否是CDN/网关的故障。

如果以上排查步骤后仍未解决问题，建议联系你的服务器提供商或运维人员，提供IE/Edge请求的具体错误日志，他们能更精准地定位网关层面的故障。

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