MediaElement.js 在 Linux 的 Firefox 中不显示视频答案

【问题标题】：MediaElement.js not displaying video in Firefox with LinuxMediaElement.js 在 Linux 的 Firefox 中不显示视频
【发布时间】：2014-05-22 09:53:36
【问题描述】：

我正在使用 MediaElement.js 编写视频遮阳板

网络从路径中检索视频，在服务器端使用 PHP 来执行此操作。

它在 IE、Firefox 或 Chrome（Windows 或 Mac）中运行良好。在 Firefox Linux (ver 24.0) 中，它一直显示带有著名消息 No video with supported format and MIME type found 的灰色框。

我尝试在我的 CentOS 上安装编解码器或安装 Opera（同样失败，即使在 Windows 中也是如此）。我还在htaccess 处添加了所需的 MIME 类型。

我不知道发生了什么。

<div id="div_video">
    <video id="Video1" width="640" height="360" controls="controls" >
    <source src="videos/<?php echo $client.'/'.$main_video[2]?>" type="video/mp4" title="mp4" />
    </video>
</div>

我意识到，当我在 Firefox、IE 或 Chrome (Windows) 中从演示中复制视频时，它会显示 native，但是当我在 Opera (Windows) 中复制视频时，它会显示 flash 和根本不工作。

希望你能帮助我！谢谢

【问题讨论】：

标签： flash mediaelement.js

【解决方案1】：

您的 Flash 后备功能似乎无法正常工作。这可能有多种原因，但最可能的原因是 flashmediaelement.swf 文件与包含的 mediaelementplayer.js 文件不在同一目录中。

要解决此问题，请将 flashmediaelement.swf 文件与包含的 javascript 文件放在同一目录中。如果您没有它，您可以从站点 http://mediaelementjs.com/ 重新下载它（查看构建目录）。

如果您不想将它放在同一个文件夹中，您也可以使用这样的代码将其连接到正确的文件。

$('#Video1').mediaelementplayer({pluginPath:YOURPATHHERE});

【讨论】：

【解决方案2】：

是的，我赞同忠实程序员的回答。另一种快速的解决方案是在 webm 中转换 mp4 并提供两个文件（有关如何执行此操作，请查看此处：How to create a webm video file?）。或者你可以两者都做：修复 flash 后备并提供 webm。

顺便说一句，mp4 播放在 Firefox 中可以在 HTML5 中运行，因为它依赖于平台的 mp4 编解码器：Windows 7+ 自 Firefox 21、Windows Vista 自 22、Android 自 20 和 Linux 如果安装了 GStreamer 编解码器，则从版本 26 开始 (source)。请记住，Mac 上的 firefox 目前无法播放 mp4 文件。

【讨论】：