html5 视频标签不播放 mp4 - IIS答案

【问题标题】：html5 video tag not playing mp4 - IIShtml5 视频标签不播放 mp4 - IIS
【发布时间】：2012-08-02 03:27:53
【问题描述】：

我遇到的问题是我无法通过视频标签运行 mp4 视频。

服务器是 Win7 Ultimate 上的 IIS 7.5。

文件中的 htm 相当简单和香草：

<video width="360" height="240"  controls="controls" >
    <source src="test.mp4" type="video/mp4" />
</video>

在“Internet Explorer”中，标签呈现一个带有红十字的黑框。

在 Firefox 中，该标签呈现为带有浅灰色十字的灰色框，并显示“未找到支持格式和 MIME 类型的视频”。

我知道你在想什么 - 添加 MIME 类型。我以两种不同的方式完成了这两种方法，但均未成功；首先我尝试在 IIS 中添加 MIME 类型，然后我尝试使用

通过 web.config 添加

<staticContent>  
  <remove fileExtension=".mp4" />
  <mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
</staticContent>

这些都没有影响。我还把.mp4文件直接输入到地址坏了，IE和firefox都可以播放。此外，我还访问了在 IE 和 Firefox 中都使用“视频”标签的网站，他们可以正常播放视频。

有人可以帮我解释为什么它不能播放，我可以做些什么来让它播放？

谢谢

【问题讨论】：

更多信息 - 我已经访问了这个网站 - leanbackplayer.com 这只是视频标签上的 jquery UI 包装器。该页面上的视频在我的 FireFox 中运行良好。我已经下载了所有三个视频（.ogv、webm、mp4）并使用了与该网站相同的标签（更改视频的位置），并添加了 mime 类型，但它不起作用！？？！
除了尝试更改 MIME 类型之外，您还应该验证文件是否使用该类型发送。您可以使用浏览器或 Fiddler 的开发工具。
您遇到过这个问题吗？就我而言，当我从硬盘打开 HTML 页面作为文件时，我可以在 IE9 中看到 MP4 和 M4V 视频源。但是，当我尝试从本地 IIS Web 服务器访问该页面时，所有源都显示为带有红叉的黑色区域。如果我尝试从托管在网络上的网站访问该页面，情况也是如此。 - 而且，是的，我已将 MIME 类型添加到我的本地服务器。

【解决方案1】：

请务必按照建议检查 Chrome/Safari。 Firefox 不支持通过 HTML5 视频播放 MP4 文件。您需要一个 WEBM 文件或一个备用 Flash 播放器来支持 Firefox（我假设 Leanback 支持）。

总的来说，这听起来像是您的 IE9 版本的问题，并且可能仅限于您的机器。 Leanback 播放器的视频在 IE9 中是否适合您？或者videojs.com上的视频？我自己在 IE9 中对后者进行了多次测试。

否则，您的 mp4 文件可能会出现 IE9 无法支持的损坏。我解释了更多in another question。

【讨论】：