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

【问题标题】：How to play HTML5 video in Chrome web browser如何在 Chrome 网络浏览器中播放 HTML5 视频
【发布时间】：2017-05-21 05:16:42
【问题描述】：

我还没有找到任何使用 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 的视频”。

【问题讨论】：

验证您的网络服务器是否可以提供 mp4 文件。如果您使用的是 apache，请在您的 Directory 指令中输入：AddType video/mp4 .mp4
会不会是托管网页的服务器无法识别 MimeType？
检查您的虚拟主机中的控制面板并验证 mp4 mime 是否已启用，您也可以尝试通过浏览器直接在地址栏中输入打开 mp4 http://yourwebserver/test/big_bunny.mp4

标签： google-chrome html5-video

【解决方案1】：

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

如果您使用的是 Apache，请在您的 Directory 指令中添加： AddType video/mp4 .mp4

如果您使用的是 Windows Server，则不要编辑可能会在您的根目录中创建不需要的 web.config 文件的站点，而是将 MimeType 添加到服务器。这样 MP4 将应用于服务器上的所有站点：转到 IIS Manager > Mime Types 并添加一个新条目

.mp4  video/mpeg

点击保存，然后重启服务器。

【讨论】：