如何在Chrome网络浏览器中播放HTML5视频

Question

我还没有找到使用HTML5标签播放的MP4的任何示例。我发现的所有示例都使用Flash或其他格式的替代代码。如果我的测试视频不合适，我从在线工作示例下载但在我的网页上它不能播放。代码很简单：

<video width="640" height="360" controls autoplay>
  <source src="test/big_buck_bunny.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video> 

我在最新的Chrome和Firefox网络浏览器中尝试了我的测试页面，但每个都提供相同的消息......“没有支持格式的视频和找到MimeType”。

Answer 1

Chrome和Firefox确实支持HTML5视频，视频对象代码也是正确的。因此，如果测试页不起作用，则下一步是检查显示测试页的服务器是否确实支持MP4文件。

如果您在Directory指令中使用Apache： AddType video / mp4 .mp4

如果您使用的是Windows Server，而不是编辑可在根目录中创建不需要的web.config文件的站点，请将MimeType添加到服务器。这样MP4将应用于服务器上的所有站点： 转到IIS管理器＆gt; Mime键入并为

添加新条目

.mp4  video/mpeg

单击以保存，然后重新启动服务器。