IE 11 中的 HTML5 视频元素答案

【问题标题】：HTML5 Video element in IE 11IE 11 中的 HTML5 视频元素
【发布时间】：2015-11-25 06:15:11
【问题描述】：

我最近升级了一个网站以使用 <video> 元素播放其所有视频。这是一个简单的静态 HTML 网站，使用一些小的 javascript 将视频加载到 <video> 元素中。

从文件系统中一切正常，但是一旦我部署它，它就可以在我的所有测试浏览器中运行，除了 Internet Explorer 11 并显示错误消息

错误：不支持的视频类型或无效的文件路径

我可以理解它是否在文件系统中的 IE 中也不起作用，但它只是来自网络。

<div id="video_plate" style="width: 760px; height: 546px;">
    <video id="video1" style="width: 720px; height: 486px;" src="videos/test.m4v" controls="">
     Your browser does not support the video tag.
     </video> 
     <div id="video_title">Test</div>
     <div id="video_title2">Bob Test</div>
</div>

【问题讨论】：

非常奇怪的行为。只是为了好玩，我将其中一个 m4v 文件重命名为 mp4。它仍然没有播放，但所有 m4v 文件开始播放正常。将其归结为某种缓存问题。 when all else fails, kill the cache
不。不是这样。不小心在另一个打开的 IE 中加载了磁盘版本。
您能否检查 Web 服务器为 .m4v 文件返回的 MIME 类型？ IE11 可能无法识别此 MIME 类型，即使它识别 Windows 本地报告的同一文件的文件类型。
IE 返回video/mp4，主要是由于网站上的.htaccess 文件。
Browserstack.com 显示视频在 IE 11 (Windows 8) 中播放良好，但在 IE11 (Windows 7) 中播放失败。所以我猜这是 Windows 7 的问题。

标签： html internet-explorer video

【解决方案1】：

看起来这是 Windows 7 和 IE 11 的问题。默认情况下，IE 11 在 Internet 选项 > 安全设置中配置为 protected mode ON。这会阻止使用 video 元素播放视频。关闭protected mode，视频可以正常播放，没有含糊不清的错误消息。

【讨论】：

【解决方案2】：

您可以使用 http://caniuse.com/#feat=video 检查 Explorer 11（以及其他浏览器）的支持视频类型的级别在子功能中还可以看到支持的视频格式的具体类型

     WebM video format not supported 
     MPEG-4/H.264 video format       ** supported **
     Ogg/Theora video format not supported 
     WebVTT - Web Video Text Tracks

没有其他 IE11 似乎只支持 mpeg4

【讨论】：

m4v 是 mpeg4。另外，从磁盘加载时也能正常播放。
然后检查路径。，使用萤火虫或类似的调试器
RTQ - 适用于所有其他浏览器。