11

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

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/

请帮帮我..我真的需要解决这个问题.. 这是网站。.

4

2 回答 2

28

Firefox 不支持 MP4 类型！它仅支持 Safari 3.0+、Google Chrome 5.0+ 和 IE 9.0+！对于 Firefox，您需要 .ogg 文件或 .webm 视频文件作为源！这是一张包含 HTML 5 中所有支持的视频格式的图片： 显示各种浏览器支持的视频格式的表格

对于音频支持，请参见这张图片：

显示各种浏览器支持的音频格式的表格

更新：

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

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

于 2013-01-26T11:51:40.190 回答
3

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

如果您直接在 Firefox 中加载webm视频，则大约需要 30 秒，加载后播放点就在视频的末尾。如果您直接加载ogv文件，它似乎可以正常播放。因此，我会得出结论，您的webm文件编码有问题，我会尝试使用一些不同的选项再次对其进行编码。

附带说明一下，如果您无法弄清楚编码是怎么回事，那么视频中实际上没有任何内容需要它成为视频。它基本上是幻灯片的视频，您最好以这种方式实现它，它肯定会减少所需的带宽。

于 2013-01-26T13:24:35.667 回答