html5 video mp4 适用于 safari 但不适用于 ie9答案

【问题标题】：html5 video mp4 works in safari but not ie9html5 video mp4 适用于 safari 但不适用于 ie9
【发布时间】：2017-08-15 05:35:43
【问题描述】：

我遇到了 ie9 和 mp4 视频的问题。如果我在 Safari 中打开页面，mp4 视频可以正常工作，但它们不会在 ie9 中加载。我不知道它可能是什么。

在我的本地 Windows 机器上，html5 视频播放正常，一旦页面进入实时服务器，它们就不再工作了。 Opera 和 Firefox 在 OGG 格式下运行良好。 Safari 播放 .mp4 格式，但 IE 不会。 Internet explorer 是唯一表现异常的浏览器。

我认为这是一个 Mime 类型问题，只是 Safari 可以使用服务器端的 .mp4 文件。

我认为这是一个 Doctype 问题，除了实时站点上的 doctype 与我本地的相同。对于可能导致这种情况的原因，我已经没有想法了。

          <video webkitSupportsFullscreen='false' width="960" height="640">
            <source id="mp4" src="/videos/video.mp4" type='video/mp4' />
            <source src="/video/video.ogg" type="video/ogg" />
            <source src="/video/video.webm" type="video/webm" />
            <img src="/images/screenshot.jpg">
        </video>

【问题讨论】：

标签： html internet-explorer video safari internet-explorer-9

【解决方案1】：

HTML5 Please 建议为此使用 polyfill。

所以你可以使用这个：http://mediaelementjs.com/

注意：您确定您的 DOCTYPE 遵循 HTML5 语法如下：

<!DOCTYPE html>

【讨论】：

我没有使用 html5 标签。我更新了描述以更好地解释情况。
也许这个话题可以帮到你：stackoverflow.com/questions/6944679/…
我的文档类型不是 html5，但它仍然可以在本地工作。我很困惑，因为它可以在本地工作，但不能在远程工作，所以我不确定 IE9 是否在 cqching 或类似的东西。

【解决方案2】：

您有<!doctype html> 定义吗？如果不是，IE9 将在不支持 html5 的怪癖模式下运行。

【讨论】：

页面中没有但视频加载到我的本地环境中，只是没有实时站点。
我认为你最好把它加回来，因为它可以解决 HTML5 的许多问题。

【解决方案3】：

确保为 IE ANYTHING 的 X-UA-Compatibility 添加元标记！

<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>

【讨论】：