不支持视频格式或MIME类型

Question

这是运行视频的相关代码：

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video> 

此代码可以单独使用，但在尝试淡入时：

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

它似乎不起作用，我得到了这个：

如您所见：Video format or MIME type is not supported.

视频容器隐藏在css：

中

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

这是一个想法，视频容器被隐藏（display:none），在需要时，我调用函数showVideoPlayer来显示视频容器。但是，这不起作用，并在FireFox和Chrome和IE9中的空白屏幕中产生此错误。

我错过了什么吗？是fadeIn函数似乎让我错了吗？

Answer 1

Firefox目前不支持MPEG H.264（mp4）格式，原因是对格式的闭源性质存在哲学上的分歧。

要在不使用插件的情况下在所有浏览器中播放视频，您需要以不同的格式托管每个视频的多个副本。您还需要使用video标记的替代形式，如上面@TimHayes的JSFiddle中所示，转载如下。 Mozilla声称只有mp4和WebM才能确保完全覆盖所有主流浏览器，但您可能希望查看W3C's HTML5 Video page上的视频格式和浏览器支持标题，以查看哪种浏览器支持哪种格式。

此外，值得查看HTML5 Video page on Wikipedia以获取主要文件格式的基本比较。

以下是相应的video代码（您需要以WebM或OGG格式以及现有的mp4对视频进行重新编码：

<video id="video" controls='controls'>
  <source src="videos/clip.mp4" type="video/mp4"/>
  <source src="videos/clip.webm" type="video/webm"/>
  <source src="videos/clip.ogv" type="video/ogg"/>
  Your browser doesn't seem to support the video tag.
</video>

2013年11月8日更新

网络基础设施巨头思科已宣布plans to open-source an implementation of the H.264 codec，取消了迄今为止被证明是Mozilla使用障碍的许可费用。没有深入了解它的政治（见下面的链接）this will allow Firefox to support H.264 starting in "early 2014"。但是，如该链接所述，这仍然需要注意。 H.264编解码器仅用于视频，而在MPEG-4容器中，它通常与闭源AAC音频编解码器配对。因此，H.264视频的播放将起作用，但音频将取决于最终用户是否已在其机器上存在AAC编解码器。

这方面的长期和短期是正在取得进展，但你仍然无法避免在不使用插件的情况下使用多种编码。

Answer 2

适用于Ubuntu 14.04

刚刚删除了Oxideqt-dodecs包 然后安装flash或ubuntu受限制的额外内容

你很高兴!!

Answer 3

固定它！

我对这个失去了理智。重置firefox，尝试安全模式，删除插件，使用开发人员工具进行调试。一切都无济于事，并没有让我进一步让我的在线视频恢复正常的观看状态。然而，这完全成功了。

在Firefox或任何类型的Firefox中（Cyber​​Fox是我最喜欢的选择），只需浏览https://get.adobe.com/flashplayer/

首先验证网站检测到您正在使用FireFox，并已将Flash下载设置为适用于Firefox。

不要只点击下载。请保留自己的偏头痛，并始终确保标记为“可选要约：”的中间部分绝对没有检查，默认情况下会进行检查，因此在继续下载之前总是UNCHECK它。

完成下载后，关闭Firefox。以管理员身份运行下载的安装文件。完成后只需几秒钟左右，因此完成后再次打开Firefox并尝试查看以前抛出此错误的任何内容。现在应该恢复正常了。

享受！

Answer 4

就我而言，这个错误：

  

不支持视频格式或MIME类型。

归因于CSP in my .htaccess不允许加载内容。您可以通过打开浏览器的控制台并刷新页面来检查这一点。

我在该CSP的media-src部分添加了托管视频的域后，控制台干净整洁，视频已正确加载。例如：

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'