HTML5 <video> 标签在 Internet Explorer 中不起作用答案

【问题标题】：HTML5 <video> tag not working in Internet ExplorerHTML5 <video> 标签在 Internet Explorer 中不起作用
【发布时间】：2014-05-12 21:49:58
【问题描述】：

以下代码显示一个视频控件。用户可以通过桌面和移动浏览器在 Safari、Firefox、Chrome 中成功观看视频。

视频控件在最新版本的 Internet Explorer (11?) 中不起作用——无论是桌面版还是移动版。

这是有问题的代码：

 <div id="videoDiv" class="wrappableBlock">
     <h2><img src="/code/images/video.png"/>Introductory Video</h2>
     <video controls preload="metadata" >
       <source src="/code/images/video.mp4#t=8" type="video/mp4" >
       <source src="/code/images/video.ogg#t=8" type="video/ogg" >
       <em>Sorry, your browser doesn't support HTML5 video.</em>
     </video>
 </div>

根据引用here 的文档，Internet Explorer 应该能够处理 MP4 视频文件，前提是它们是 H.264 / AAC 编码的。我的视频符合这些规范。

症状是：

(1) 在桌面版 Internet Explorer (11.0) 中，视频播放器会显示，但按播放按钮没有任何反应。

(2) 在移动版本（截至 2014 年 5 月 12 日@Microsoft 商店的最新版本）中，视频播放器显示为无法操作的黑色方块。正方形的尺寸是正确的，但无法与之交互。

在任何情况下我的默认代码 <em>Sorry, your browser doesn't support HTML5 video.</em> 都不会显示。

我还能尝试什么？没有必要为 10 之前的 IE 版本找到可行的解决方案。

更新：另一个花絮。在 IE URL 区域中输入视频文件的完整路径会执行文件下载。所以这不是“找不到文件”的情况。它是可访问的。

另外... Internet Explorer 网络选项卡显示 IE 甚至都懒得查询文件。与其他自动执行视频 GET 请求的浏览器不同。

【问题讨论】：

控制台说什么？您的服务器是否为 mp4 设置了正确的 mime 类型？（检查控制台）
是的，mime 类型设置正确。我知道是这种情况，因为当我查看 Firebug 日志中的 HTTP 请求/响应流时，我可以看到返回的 mime 类型。服务器是在 Windows 2008 BTW 上运行的 IIS。当您建议查看控制台时，这是 Internet Explorer 中的内容吗？很乐意去看看。
没问题，按 F12 IE11 应该会弹出一个控制台。
啊哈，是的，我明白了。好的，它返回的唯一错误是告诉我应该在文档顶部包含<!DOCTYPE html>。我添加了它，但它没有任何区别。有趣的是，在网络选项卡上，我可以看到它甚至没有尝试加载视频文件，既不是 .mp4 也不是 .ogg。所以它不像文件是坏的。它甚至没有尝试加载它。诡异的！这与实际上尝试通过 GET 请求检索视频文件的 Firefox 等形成鲜明对比。
没有看到完整的 html/文件结构，这将是一个猜测：尝试指定 url 没有前缀正斜杠，即。 src="code/images/video.mp4"（并且没有#-部分）。而当你直接在地址栏中尝试该url时，它是否正常播放（假设是，但你没有说明-并且没有安装QT？）？

标签： internet-explorer html5-video

【解决方案1】：

首先检查你的ie版本。如果低于9。那么你需要使用flash player。或者您也可以在 Internet Explorer 8 或低于 8 的版本中使用嵌入选项。

像这样 {

<video id="Video1" controls width="100%" height="auto" poster="pic.png" >
<source src="video.mp4" type='video/mp4;' />
<embed src="video.mp4" wmode="opaque">
<param name="wmode" value="opaque" />
</embed>
</video>

}它对我有用..

【讨论】：

【解决方案2】：

验证视频播放不是来自组策略设置的disabled in your Internet zones。

【讨论】：