HTML5视频在IE9中无法工作

Question

我在使用IE9时遇到了HTML5无法工作的问题。它显示视频标签执行失败。在Firefox、Opera和Safari中，它可以正常工作，但是在IE中却只能得到一个空白屏幕。以下是代码：

<video width="320" height="240" controls="controls">
    <source src="video1.mp4" type="video/mp4"/>
    <source src="video1.ogg" type="video/ogg"/>
</video> 

然后我在http://html5test.com上运行了HTML5兼容性测试，结果在IE中也出现了空白屏幕，因此问题不仅仅是视频标签。

接着我尝试在线播放一个.mp4示例视频（http://archive.org/details/Pbtestfilemp4videotestmp4）- 它无法在浏览器内运行，但可以在VLC播放器中打开！ 在Firefox、Opera和Safari上，它可以在浏览器内运行。

我已经重新安装了IE - 没有好转。 当我检查IE版本时，它显示Internet Explorer 9，但在“版本：”之后是空白。

有什么想法吗？

- WilliamB

---

你使用了什么 DOCTYPE？ - robertc

检查.mp4文件的编码格式。关闭VLC播放器。如果视频无法在Internet Explorer中本地播放，则很可能是编码问题。 - Darren

这个链接可能会对你有所帮助：http://blogs.msdn.com/b/thebeebs/archive/2011/07/20/html5-video-not-working-in-ie9-some-tips-to-debug.aspx - user2543022

Answer 1

我遇到了类似的问题，结果发现我的服务器没有为视频对象返回正确的MIME类型。可以查看这位网友的信息 - http://blogs.msdn.com/b/thebeebs/archive/2011/07/20/html5-video-not-working-in-ie9-some-tips-to-debug.aspx 我只需要在我的.htaccess文件中添加以下代码，就立即解决了问题 - AddType video/mp4 .mp4

- user2659712

Answer 2

使用 [HTML5Shiv] 可以启用 Internet Explorer 的 HTML5 标签。并将 WebM 视频格式添加到资源中。

- Bobby

---

哎呀，我不知道。是的，我刚试着使用标签<code>video</code>并测试它在IE9上，但它不起作用。很奇怪。我也查过了caniuse.com，它说视频标签应该在IE9上工作。 - Bobby