【问题标题】: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

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

【讨论】:

    猜你喜欢
    • 2011-10-18
    • 2012-05-25
    • 1970-01-01
    • 2012-02-02
    • 2015-12-01
    • 2014-05-12
    • 1970-01-01
    • 2014-06-07
    • 2016-04-20
    相关资源
    最近更新 更多