HTML 5 视频不适用于 IE9答案

【问题标题】：HTML 5 Video not working on IE9HTML 5 视频不适用于 IE9
【发布时间】：2014-11-21 20:39:35
【问题描述】：

为什么this page 和this page 上的视频可以在所有浏览器中运行，但不能在Microsoft Internet Explorer 9 中运行？

有什么办法解决吗？

此视频无法在 My IE 9.0.8112.16421 上播放

我的操作系统是 Windows 7 64 位

【问题讨论】：

该视频在 IE9 RTM 中播放良好。
感谢我添加了有问题的 IE 信息。
视频在 IE 9.0.8112.16421 上对我来说也能正常播放，来自 videojs.com 网站的视频也是如此。
@kinakuta - 那么我的 PV 可能是什么问题:(
好问题。您可以直接从操作系统播放 mp4 视频吗？如果您的 dll 损坏或丢失，我也会尝试卸载并重新安装 IE9（尽管我希望您在任何一种情况下都会遇到错误。）

标签： html internet-explorer-9 flash html5-video video-encoding

【解决方案1】：

某些版本的 IE9 出于某种原因需要视频文件的绝对路径。

例如：

<video poster="big_buck_bunny/poster.jpg" controls>
  <source src="http://www.example.com/big_buck_bunny/trailer.mp4" type="video/mp4" >
  <source src="http://www.example.com/big_buck_bunny/trailer.webm" type="video/webm">
</video>

【讨论】：

【解决方案2】：

正如 Jason Dorell 所说，服务器返回的 MIME 类型也很重要。

我在网站上使用<video> 标记，在本地主机中编写它时一切正常。上传到服务器后，<video> 仅在 IE 中停止工作（Firefox 和 Chrome 仍然可以正常工作）。

在深入研究之后，我只是将AddType video/mp4 .mp4 添加到.htaccess 文件中，从而解决了问题。

【讨论】：

【解决方案3】：

问题可能是文件类型试试这个：

<video poster="big_buck_bunny/poster.jpg" controls>
  <source src="big_buck_bunny/trailer.mp4" type="video/mp4" >
  <source src="big_buck_bunny/trailer.ogg" type="video/ogg" >
  <source src="big_buck_bunny/trailer.webm" type="video/webm">
</video>

big_buck_bunny/trailer.* 是你的视频

【讨论】：

【解决方案4】：

这也可能是兼容性检测中的错误：只是一个理论=X

取自：videojs: main.js（第 249-255 行）

// Check if the browser supports video.
browserSupportsVideo: function() {
    if (typeof VideoJS.videoSupport != "undefined") { return VideoJS.videoSupport; }
    VideoJS.videoSupport = !!document.createElement('video').canPlayType;
    return VideoJS.videoSupport;
}

我相信，在此检测之后，回退到闪存是非常可靠的。我没有 IE 9.0.8...：所以你可以运行这段代码，看看它是真还是假

var test = function() {
    return (!!document.createElement('video').canPlayType);
}

如果这是真的，我可能会考虑分叉文件：并为 IE 9.0.8 添加失败...

如果 IE 半途而废地支持视频，我不会感到惊讶：而这种检测手段在此过程中坏了。

【讨论】：

【解决方案5】：

我也有同样的问题。您链接到的两个示例页面让我单击播放按钮，然后该按钮变为暂停按钮，但视频不播放。

我试图帮助追踪问题的 java 脚本返回 null。 alert(document.getElementsByTagName("video")[0].error);

我确实偶然发现了这一点：我正在使用 Windows 7 64Bit 的 N 发行版。 This msdn page 表示我的IE9 无法播放视频的原因是我的windows 分发没有附带媒体播放器或“媒体功能”被关闭。

希望这会有所帮助。

【讨论】：

我正在尝试使用 SVG 和 google SVGWeb project 在 IE9 中播放 flv 文件。这就是我开始关注整个 HTML5 视频的原因。 KB968212 下载修复了我的 flv 播放问题，因此我不再寻找 IE9 中 HTML5 视频的修复程序。

【解决方案6】：

如果它仍然无法正常工作，这肯定是一个解决方案：使用压缩格式 H.264 对 mp4 进行编码。如果您使用格式 mpeg4 或 divx 对其进行编码，否则它将无法在 IE9 上运行，并且可能会导致 Google Chrome 崩溃。为此，我使用 Any Video Converter 免费软件。但可以使用任何好的视频工具来完成。

我已经尝试了这里列出的所有解决方案，并尝试了几天的其他解决方法，但问题在于我创建 mp4 的方式。 IE9 不解码 H.264 以外的其他格式。

希望这会有所帮助，吉米

【讨论】：

【解决方案7】：

确保从服务器返回的内容类型是“video/mp4”

【讨论】：

【解决方案8】：

有时问题可能出在安装的视频编解码器上，不同的浏览器可能会以不同的方式播放视频（从内部实现的角度来看）。

尝试安装，例如K-Lite codec pack 看看会发生什么。

附言这些视频在我的 IE9 x86 和 IE9 x64 中的 Win 7 x64 上运行良好

【讨论】：

【解决方案9】：

在 IE9 中有 没有 flash 视频，但使用了 HTML5 <video> 元素，它会尝试加载：

http://www.bodhibikes.com/_/video/WELCOME_TO_BODHI_840_472.mp4

而且不知何故失败了。您应该为 IE/Chrome?etc 指定 a correct videoformat...

【讨论】：