html5 视频标签不播放 mp4 - IIS

Posted 2023-05-08

【中文标题】html5 视频标签不播放 mp4 - IIS

【英文标题】：html5 video tag not playing mp4 - IIS

【发布时间】：2012-08-02 03:27:53

【问题描述】：

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

服务器是 Win7 Ultimate 上的 IIS 7.5。

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

<video    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。

【讨论】：

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