12

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

<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功能似乎让我误会了吗？

4

4 回答 4

12

Firefox 目前不支持 MPEG H.264 (mp4) 格式，因为在哲学上不同意该格式的闭源性质。

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

此外，值得查看Wikipedia 上的 HTML5 视频页面，以对主要文件格式进行基本比较。

下面是适当的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 日更新

网络基础设施巨头思科已宣布计划开源 H.264 编解码器的实现，取消迄今为止被证明是 Mozilla 使用障碍的许可费用。无需深入了解它的政治（参见以下链接），这将允许 Firefox 从“2014 年初”开始支持 H.264。但是，正如该链接中所述，这仍然带有警告。H.264 编解码器仅用于视频，在 MPEG-4 容器中，它最常与闭源 AAC 音频编解码器配对。因此，可以播放 H.264 视频，但音频将取决于最终用户的机器上是否已经存在 AAC 编解码器。

总而言之，正在取得进展，但您仍然无法避免在不使用插件的情况下使用多种编码。

于 2012-10-30T04:14:13.210 回答
0

对于 Ubuntu 14.04

刚刚删除了 Oxideqt-dodecs 包，然后安装 flash 或 ubuntu 受限的附加功能

你很高兴！

于 2014-10-18T14:23:35.450 回答
0

修复！

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

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

首先验证网站是否检测到您正在使用 FireFox，并且已将 Flash 播放器的下载设置为 Firefox。

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

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

享受！

于 2015-04-18T04:51:24.690 回答
0

就我而言，这个错误：

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

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

一旦我在media-src该 CSP 的一部分中添加了托管视频的域，控制台就干净了，视频也正确加载了。例子：

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'
于 2016-04-22T14:02:31.917 回答