网站视频不起作用答案

【问题标题】：Website Video doesn't work网站视频不起作用
【发布时间】：2018-04-28 11:49:22
【问题描述】：

我正在制作一个包含 .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>

【问题讨论】：

您能否尝试一下，如果您直接在浏览器中输入其中一个视频 URL，会发生什么情况。它应该开始播放它们。您也可以在网页上按 F12，切换到网络选项卡，然后按 F5。然后应该会出现一些关于 Chrome 获取什么以及从您的主机返回什么的信息。
当我在新选项卡中打开视频时，它告诉我找不到文件，并且我已经多次将视频文件导入到 hostmonster 上的公共 html 文件夹中。当我在本地播放视频文件时，它可以正常工作。
请参考stackoverflow.com/questions/3910698/…

标签： html hostmonster

【解决方案1】：

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

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

video/mp4                   mp4 mp4v mpg4
video/ogg                   ogv

如果您无法修改主配置文件，请编辑位于根目录中的 .htaccess 文件（如果不存在，请随意创建它）。添加以下行：

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

【讨论】：