HTML5视频标签无法播放MP4 - IIS

Question

我遇到的问题是无法通过视频标签播放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都可以播放。此外，我已经访问了使用“video”标签的网站，在IE和Firefox中均能正常播放视频。

请有人帮忙解决为什么无法播放，并告诉我如何使其播放？

谢谢

- user1215399

---

我已经访问了这个网站 - http://leanbackplayer.com/。这只是一个围绕视频标签的jQuery UI包装器。该页面上的视频在我的FireFox中正常工作。我已经下载了所有三个视频（.ogv、webm、mp4），并使用了与该网站相同的标签（更改视频位置），添加了mime类型，但它不起作用！？！ - user1215399

除了尝试更改 MIME 类型，您还应该验证文件是否以该类型发送。您可以使用浏览器或 Fiddler 的开发工具。 - AlfonsoML

你在这个问题上有什么进展了吗？在我的情况下，当我从硬盘打开HTML页面时，我可以在IE9中看到MP4和M4V视频源。但是当我尝试从本地IIS Web服务器访问页面时，所有的资源都显示为黑色区域和红色十字。如果我尝试从托管在Web上的站点访问该页面，情况也是一样的。- 是的，我已经将MIME类型添加到了我的本地服务器。 - superjos

Answer 1

请务必像建议的那样检查Chrome / Safari。 Firefox不支持通过HTML5视频播放MP4文件。您需要一个WEBM文件或回退的Flash播放器来支持Firefox（我假设Leanback使用了这个）。总的来说，这似乎是IE9版本的问题，可能仅限于您的计算机。 Leanback播放器的视频在您的IE9中是否正常工作？ 或者videojs.com上的视频呢？我已经在IE9中多次测试过后者。否则，您的mp4文件可能存在损坏，IE9无法支持。我在另一个问题中解释了更多细节。

- heff

---

我认为他在第一条评论中提到，leanbackplayer的视频在他的IE9中无法播放，因此这不应该是损坏的mp4文件的问题。 - superjos