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

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

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

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

如您所见：

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

视频容器隐藏在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

函数似乎让我误解了吗？

Firefox目前不支持MPEG H.264（mp4）格式，因为它与格式的封闭源代码性质存在哲学上的分歧

要在所有浏览器中播放视频而不使用插件，您需要以不同的格式托管每个视频的多个副本。您还需要使用另一种形式的

video

标记，如上面@TimHayes的JSFiddle所示，如下所示。Mozilla声称，只有mp4和WebM是确保所有主要浏览器完全覆盖所必需的，但您可能希望查阅“视频格式和浏览器支持”标题，查看哪个浏览器支持什么格式

此外，还值得查看以获得主要文件格式的基本比较

下面是相应的

视频

标签（您需要以或格式以及现有mp4重新编码视频）：

您的浏览器似乎不支持视频标记。

于2013年11月8日更新

网络基础设施巨头思科（Cisco）宣布，取消了迄今为止阻碍Mozilla使用的许可费。不要太深入到it的政治中（参见下面的链接）。然而，正如该链接中所指出的，这仍然需要注意。H.264编解码器仅用于视频，在MPEG-4容器中，它通常与封闭源AAC音频编解码器配对。正因为如此，H.264视频的播放将起作用，但音频将取决于最终用户的机器上是否已经存在AAC编解码器

---

长话短说，我们正在取得进展，但如果不使用插件，您仍然无法避免使用多种编码。

对于Ubuntu 14.04

刚刚拆下了包装 然后安装flash或受ubuntu限制的附加程序

你可以走了

修好了

我对这件事失去了理智。重置firefox，尝试安全模式，删除插件，使用开发人员工具进行调试。所有这些都没有用，也没有让我把在线视频恢复到正常观看状态。然而，这却完美地实现了这一目的

在Firefox或任何您拥有的Firefox（CyberFox是我最喜欢的选择）中，只需浏览

首先验证网站是否检测到您正在使用FireFox，并已将flash player的下载设置为FireFox

不要只是点击下载。请保存您自己的偏头痛，并始终确保中间部分标有“可选报价：”是绝对没有选中的，它将默认选中，所以在继续下载之前始终取消选中它

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

---

享受吧

在我的例子中，此错误：

不支持视频格式或MIME类型

是由于不允许加载内容的。您可以通过打开浏览器控制台并刷新页面来检查这一点

一旦我在CSP的

媒体src

部分添加了承载视频的域，控制台就干净了，视频加载正确。例如：

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

---

你确定这段视频可以单独播放吗？Firefox不支持mp4——你需要用一个单独的webm或ogg/theora视频来支持它。它在chrome和IE9中运行良好。但是是的，在FF中不起作用。但是，问题不在这里，为什么当我

fadeIn

视频容器时，它会停止工作？Thanx我不知道你的确切问题是什么。这个JSFIDLE在您的浏览器上工作吗？虽然您的嵌入方法（使用单个src）是一个标准，但TimHayes fiddle中的方法更常用（并经过测试）。我还建议将闪存包装在一个容器中，并将其褪色：安装闪存肯定不是解决办法。升级至Firefox的最新版本（并卸载Flash！）。

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

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