Question

我有几个视频上传到Hostgator（我的托管服务），我将它们显示在带有HTML5视频播放器的页面上。视频在那里（我知道，因为我可以听到音频），但在Chrome中，我看到的只是一个黑屏，在Firefox中它根本不会播放，只是说＆＃34;没有支持格式的视频和MIME类型找到。＆＃34;

视频文件是我必须从.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.info/video.html#what-works

Answer 2

我认为问题出在错误的编解码器中。对于MP4文件，它应该是h.264。来自指令http://www.freemake.com/how_to/how_to_create_and_embed_html5_video

的来源

Html5视频无法显示

2 个答案: