使用 HTML5 页面在本地计算机上播放视频答案

【问题标题】：Playing video on the local computer using HTML5 page使用 HTML5 页面在本地计算机上播放视频
【发布时间】：2012-01-15 10:03:32
【问题描述】：

我有一个简单的 HTML 页面，包含以下内容：

<!DOCTYPE html><html>
<head>
<meta charset="UTF-8" />
<title>Video Test Page</title>
</head>
<body>

<video id="video" src="1.mp4" autoplay controls></video>

</body>
</html>

尝试使用 IE10 打开它时，我只看到一个空白的白色矩形，上面有视频控件，但没有显示视频。

我也试过设置一个IIS服务器，把视频文件放在C:\inetpub\wwwroot，把视频源改成：

<source src="http://<iis host address>/1.mp4" type="video/mp4"  />

但仍然没有运气。

有什么想法吗？

【问题讨论】：

标签： internet-explorer html5-video

【解决方案1】：

首先在 IE、Firefox、chrome、opera、safari 等以外的地方尝试页面。如果它不适用于这些，请检查 1.mp4 是否确实存在...

您还需要仔细检查视频

“Internet Explorer 9 在 MP4 容器中支持 H.264 视频和 AAC 或 MP3 音频的所有配置文件”（来自 http://diveintohtml5.info/video.html#what-works）（我知道您使用了 10 个，但仍需要相同的编解码器）

如果您以 VLC 之类的方式打开视频，它可以告诉您视频使用的编解码器。

【讨论】：

感谢您的回复。视频是 MPEG-4 容器中的 H.264，Baseline@L3.1，音频是 AAC。 Firefox 9.0.1 也不显示视频。
我会按照 Abudayah 的建议去做，然后尝试另一个文件。您可以从 bigbuckbunny.org/index.php/download 之类的地方下载一些免费视频，这些视频应该“开箱即用”，不需要任何重新编码
问题出在你的视频上……我刚刚尝试了一堆 mp4，firefox 和 chrome(ium) 都不喜欢它们。但是，当我下载 ogv 时，它们很好。尝试下载jplayer.org/video/ogv/Big_Buck_Bunny_Trailer_480x270.ogv 看看是否有帮助。还有jplayer.org/video/m4v/…，但我无法让它工作。它可能需要一些服务器端的东西来做

【解决方案2】：

请确保在提供此视频时服务器设置了适当的内容类型标头。否则浏览器可能无法识别。

【讨论】：