Html5视频不显示

Question

我有几个视频上传到Hostgator（我的托管服务），我用HTML5视频播放器在一个页面上显示它们，视频是存在的（我知道，因为我可以听到音频），但在Chrome浏览器中我只看到黑屏，在Firefox中它根本无法播放，只是说 "没有支持的视频格式和MIME类型"。视频在那里（我知道，因为我可以听到音频，），但在Chrome浏览器中，我看到的是一个黑色的屏幕，而在Firefox中，它不会在所有，只是说 "没有找到支持的格式和MIME类型的视频。"

视频文件都是我从.mov转换成.mp4的。但它们都是mp4文件。

当我再次从Hostgator下载视频时，它们是正常的，所以我不认为有什么问题严格的文件本身。

什么可能是怎么回事呢？先谢谢你。

Answer 1

网络视频很复杂，大多数浏览器都支持不同的视频格式（编解码器）。为了兼容所有的浏览器，你需要每个视频在3个不同的文件格式。MP4，OGG，WEBM。

为了实现最大的兼容性，下面是你的视频工作流程的样子。

• 制作一个使用WEBM（VP8 + Vorbis）的版本。
• 制作另一个版本，在MP4容器中使用H.264基线视频和AAC "低复杂度 "音频。
• 制作另一个版本，在Ogg容器中使用Theora视频和Vorbis音频。
• 从一个元素链接到所有三个视频文件，并回落到一个基于Flash的视频播放器。

<video width="320" height="240" controls>
  <source src="video.mp4"  type="video/mp4">
  <source src="video.webm" type="video/webm">
  <source src="video.ogv"  type="video/ogg">
</video>

来源于 http:/diveintohtml5.infovideo.html#what-works。

Answer 2

我想问题出在错误的编解码器上。应该是h.264的MP4文件。http:/www.freemake.comhow_tohow_to_create_and_embed_html5_video