播放/显示 MP4 视频时出现问题答案

【问题标题】：Trouble with playing/displaying MP4 Video播放/显示 MP4 视频时出现问题
【发布时间】：2014-01-04 17:15:33
【问题描述】：

我无法将 MP4 视频添加到我的网站。我网站的链接是http://san-kelloff-italy.com/

我正在使用的代码：

<video width = "320" height = "240" controls autoplay>
   <source src = "http://san-kelloff-italy.com/wp-content/themes/twentythirteen/images/video_sk.MP4" type = "video/mp4">
</video>

在 Chrome 上无法播放视频。

在 FireFox 上，视频显示 “找不到支持格式和 MIME 类型的视频。”

我不确定发生了什么，但是当我使用下面的此链接尝试代码时，视频可以在 chrome 和 firefox 上播放

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_video_html5

谁能帮帮我？

【问题讨论】：

标签： html wordpress video

【解决方案1】：

关于 FireFox，（通常）不支持 MP4。有关文档，请参阅 https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats。

编辑：OGG 格式用作辅助格式以允许跨浏览器播放。这就是为什么您发布的链接包含两个参考：一个指向 MP4，另一个指向 OGG。

<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support video
</video>

如果底层操作系统或硬件拥有并共享解码器，MP4（以及其他一些专利编解码器）将在 FireFox 上运行。 Opera 也不支持 MP4，我找不到证据表明他们会使用操作系统的解码器（如果有的话）。

【讨论】：

嘿，我看到一些文件说 Firefox 不支持 mp4，但是当我用我的代码块在 w3schools 上测试时，视频仍然可以正常播放...只是无法播放我的网站。它与我的网站 htaccess 文件有关吗？
您的代码块在 FireFox 的 w3schools 站点上对我不起作用。我非常怀疑它与 htaccess 文件有什么关系。我建议将视频转换为 OGG（有类似这样的免费工具：audio.online-convert.com/convert-to-ogg）并尝试一下。
嘿。我搞定了！感谢您尝试帮助我！
酷，很高兴这有效。我仍然建议有一个OGG作为备份。 FireFox 依赖于操作系统或硬件来提供 MP4 支持，因此只有在用户机器上的操作系统或硬件具有并允许 FF 使用解码器的情况下，它才能工作。

【解决方案2】：

抱歉，我笨拙粗心地犯了这个错误。我已经想出了如何解决它。

我所做的是将文件中的 .MP4 重命名为小写，并更改了代码块上的链接位置

来自。

<video width = "320" height = "240" controls autoplay>
   <source src = "http://san-kelloff-italy.com/wp-content/themes/twentythirteen/images/video_sk.MP4" type = "video/mp4">
</video>

到。

<video width = "320" height = "240" controls autoplay>
   <source src = "http://san-kelloff-italy.com/wp-content/themes/twentythirteen/images/video_sk.mp4" type = "video/mp4">
</video>

所以只是其他像我一样对链接不小心并认为它不区分大小写的人！所以要小心！

【讨论】：