mediaelement.js：让视频在 Firefox 中运行答案

【问题标题】：mediaelement.js: Getting videos to work in Firefoxmediaelement.js：让视频在 Firefox 中运行
【发布时间】：2012-09-24 21:52:50
【问题描述】：

这似乎是一个常见问题，但我没有找到任何标有答案的问题，所以我想我会创建一个以希望找到解决方案的问题。

我的视频在 Chrome 和 Safari 中运行良好，但在 Firefox 中它根本不显示。如果有帮助的话，我的 CMS 是 ExpressionEngine。有人有这方面的经验吗？

页面上视频的插入代码：

<video width="640" height="360" preload="none" controls="controls" poster="http://site.com/img.jpeg" id="player1" type="video/mp4" src="http://site.com/content/videos/videotest(360p_H.264-AAC).mp4" tabindex="0"></video>

【问题讨论】：

什么是视频类型？并发布您的一些代码

标签： jquery html expressionengine mediaelement.js

【解决方案1】：

出于测试目的，将您的视频标签替换为这些视频（来自 mediaelement 的网站）

<video id="player1" width="540" height="303" controls="controls" preload="none">
    <source src="
http://mediaelementjs.com/media/echo-hereweare.mp4" type="video/mp4" />
    <source src="
http://mediaelementjs.com/media/echo-hereweare.webm" type="video/webm" />
    <source src="
http://mediaelementjs.com/media/echo-hereweare.ogv" type="video/ogg" />
</video>

如果上述代码在 FF 中有效，则问题与 FF 的视频压缩有关。和你一样，我在使用 mediaelement.js 时遇到了一些问题，但事实证明是我的视频压缩得不好。

【讨论】：

这确实对我有用，我试图通过将 youtube 上的视频上传到这个网站来进行测试，但我会用一些客户视频进行测试，看看它们是否有效。所以我想我的问题和你的一样。谢谢！

【解决方案2】：

要检查的另一件事是您的服务器上设置了正确的 MIME 类型。

您可以将这些添加到 .htaccess 文件中，

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

更多信息请参见http://mediaelementjs.com/#installation。

【讨论】：

我尝试添加这个，但我仍然遇到问题.. thakns 不过！

【解决方案3】：

我的问题是使用 MIRO 转换器从 mp4 转换错误。如果我使用“其他 -> mp4”，它就不起作用。如果我使用“Apple -> iPad”，我会得到正确的 mp4 文件并且它可以运行！

【讨论】：