Question

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

我的视频在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>

Answer 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有一些问题，但事实证明这是我的视频没有很好的压缩。

Answer 2

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

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

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

有关详细信息，请参阅http://mediaelementjs.com/#installation。

Answer 3

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

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

3 个答案: