Question

我在向我的网站添加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

有人可以帮我吗？

Answer 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，我找不到他们将使用操作系统解码器的证据。

Answer 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>

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

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

2 个答案: