的更新：

Question

我正在使用mediaelement js .. 在我的.htacces我有这些..

AddType video/mp4  mp4 m4v
AddType audio/mp4  m4a
AddType video/ogg  ogv
AddType audio/ogg  ogg oga
AddType video/webm webm

在我的index.html上，我在<head>

上有这个

<script src="/js/jquery.js"></script>
<script src="/js/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="/js/mediaelementplayer.css" />

，代码是

<video width="600" height="450" preload="none" autoplay preload="auto" >
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="videos/Sequence1.mp4"/>
    <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
    <source type="video/webm" src="videos/Sequence1.webm" />
    <!-- Ogg/Vorbis for older Firefox and Opera versions -->
   <source type="video/ogg" src="videos/Sequence1.ogv" />
    <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
    <object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
        <param name="movie" value="flashmediaelement.swf" />
        <param name="flashvars" value="controls=&file=videos/Sequence1.mp4" />     
    </object>
</video>

不幸的是..它没有在Mozilla浏览器上播放..它继续加载但不播放.. 并在mozilla上使用ctrl + shift + k ..我发现了这些错误。

- [18：47：12.942]不支持“video / mp4”的指定“type”属性。加载媒体资源视频/ Sequence1.mp4失败。 @ http://thesuperheroblueprint.com/

请帮助我..我真的需要解决这个问题。Here is the website.。

Answer 1

Firefox不支持MP4类型！它仅在Safari 3.0 +，Google Chrome 5.0+和IE 9.0+中受支持！对于Firefox，您需要.ogg文件或.webm视频文件作为源！这是包含HTML 5中所有支持的视频格式的图像： table displaying video formats supported by various browsers

对于音频支持，请参阅此图：

table displaying audio formats supported by various browsers

的更新：

Firefox现在支持MP4 H.264（AAC或MP3） https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

注意：使用高配置编码的MP4不会在低端运行硬件，如低端Firefox OS手机。

Answer 2

Firefox提供错误，因为它不支持video/mp4，没有什么可担心的，还有其他因素导致问题。您可以从删除两个preload属性中的一个开始，尽管我认为这也不是主要问题。

如果你在Firefox中load the webm video directly需要大约30秒，加载后播放点就在视频结尾。如果你load the ogv file directly它似乎播放得很好。因此，我的结论是webm文件的编码存在问题，我会尝试使用其他一些选项对其进行编码。

作为旁注，如果您无法解决编码方面的问题，那么视频中根本不需要将其视为视频。它基本上是幻灯片的视频，你可能会更好implementing it that way，它肯定会减少所需的带宽。

不支持“video / mp4”的指定“type”属性

2 个答案:

的更新：