HTML5 视频错误 - Internet Explorer 9答案

【问题标题】：HTML5 Video Error - Internet Explorer 9HTML5 视频错误 - Internet Explorer 9
【发布时间】：2011-02-15 16:56:38
【问题描述】：

我正在尝试使用 html5 视频标签让 .m4v 视频在 IE9 中播放。当我从远程位置播放视频时，它工作正常：

<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" controls="controls">
</video>

但是当我想从我的服务器播放它时...

<video src="Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" controls="controls">
</video>

...它仅适用于 Chrome，不适用于 IE9。

什么会导致视频在我的服务器上无法播放？

非常感谢，

克里斯

【问题讨论】：

【解决方案1】：

我发现了问题。 IE9 RC 将视频视为纯文本而不是视频/m4v，因此无法播放。 Chrome 和 IE8 正确读取文件。

将AddType video/x-m4v .m4v 添加到我的 htaccess 以确保 IE9 RC 能够将其作为视频/mp4 文件读取。

疯了吧？

【讨论】：

一点也不疯狂。 <video> 标签依赖于服务器为请求的视频文件发送正确的 Content-Type 标头。听起来您的服务器根本没有 .m4v 文件扩展名的本地注册，所以它默认了。
啊，很公平。 Chrome 可以识别它是 m4v/video 文件而不是 IE9 RC 认为它是纯文本/文本，这似乎很奇怪。感谢您的 cmets 和上面的回答。我会记住标签。
谢谢你。如果不考虑 Mime 类型，我可能会浪费几个小时。

【解决方案2】：

为了让您的服务器将正确的 MIME 类型与应用程序相关联，您需要将 MIME 类型包含到您的 htaccess 文件中。

以下是您可以在 .htaccess 文件中包含的几种 MIME 类型的示例：

#Video MIME Types:
AddType video/m4v .m4v
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

【讨论】：

【解决方案3】：

除了需要服务器为请求的视频文件本身发送正确的Content-Type 标头之外，您还应该考虑使用子<source> 标记而不是src 属性，例如：

<video controls="controls">
<source src="Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" type='video/x-m4v; codecs="..."'>
</video>

这将允许您预先指定实际的视频类型信息，以便浏览器甚至可以决定是否下载文件。如果需要，您还可以灵活地在以后提供其他视频类型。

【讨论】：