html - 网站视频打不开

Question

我正在制作一个包含 .ogg 和 .mp4 视频的网站，但出于某种原因，当我在 chrome 中访问我的网站时，它在由 hostmonster 托管时无法播放。该视频在本地主机上运行良好，所以我不知道为什么它不起作用。

如果有帮助，这是我的代码:

<video width="100%" height="100%" >

 <source src="web.ogg" type="video/ogg" autoplay="autoplay">
  <source src="web.mp4" type="video/mp4" autoplay="autoplay">

 Your browser does not support the video tag.
</video>

Answer 1

您的代码没问题，它应该适用于所有支持 HTML5 视频的浏览器，问题是您的服务器没有响应 mime 类型，例如 .ogg 或 .mp4。默认情况下，Apache 通过检查文件的扩展名来决定与每个文件一起发送的媒体类型。扩展类型映射存储在 httpd/conf 目录中的 mime.types 文件中。如果缺少一对扩展类型，那么您就会遇到这个问题。这就是为什么它在本地主机上工作，但在您的服务器上不工作的原因，不同的 mime.types 文件

如果您有权访问 mime.types 文件，请搜索以下行:

video/mp4                   mp4 mp4v mpg4
video/ogg                   ogv

如果您无法修改主配置文件，请编辑位于根目录中的 .htaccess 文件(如果不存在，请随意创建)。添加此行:

AddType video/mp4 mp4 mp4v mpg4
AddType video/ogg ogv