IE10 中的 MVC4 HTML5 视频答案

【问题标题】：MVC4 HTML5 video in IE10IE10 中的 MVC4 HTML5 视频
【发布时间】：2013-06-07 05:16:05
【问题描述】：

我已经尽我所能尝试了，但我无法解决这个问题。我正在尝试使用 IE9 和 IE10 中的 HTML5 视频元素显示 mp4 视频。在 IE9 中，我得到一个应该显示视频的空白方块，在 IE10 中显示“无效源”。它在 Chrome 中运行良好。

视频在一个简单的 HTML 文件中显示良好，但在我的 ASP.net MVC 项目中却没有，无论是在本地运行还是在 Web 服务器上运行。我将文件放在我的根文件夹中（与 web.config 相同的文件夹）

这是我的 ASP.NET MVC index.cshtml 中的代码：

<video controls style="position:inherit" >
   <source src="ExplainerVideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>

有什么想法吗？

谢谢。

【问题讨论】：

【解决方案1】：

试着去掉编解码器，让浏览器自己决定是否可以播放。

例如<source src="ExplainerVideo.mp4" type='video/mp4' />

如果失败，请尝试视频的绝对 URL，因为我之前注意到这会导致 IE 出现问题。

【讨论】：

谢谢。尝试了这两种方法。有趣的是，它说“无效源”，所以它似乎指向文件所在的位置......我尝试将文件放在根目录中，在内容中，但无济于事。
如果你将视频拖到浏览器中，它会播放吗？
它工作正常。理想情况下，我希望它在页面上的 div 中打开。
这很奇怪，因为浏览器可以清楚地播放它。你有一个我可以看看的测试网站吗？
很奇怪，正如您所说，它在 Chrome（和 Safari）中运行良好，但在 IE 中运行良好。它也不适用于 Firefox（将使用 WebM 或 Ogg 文件）。我怀疑这是文件编码。你用什么来编码它们？