【问题标题】：Specified "type" attribute of "video/mp4" is not supported不支持“video/mp4”的指定“type”属性
【发布时间】：2013-01-10 06:32:08
【问题描述】：

我正在使用 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.。

【问题讨论】：

标签： html video html5-video mediaelement.js webm

【解决方案1】：

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 手机。

【讨论】：

我有这个.. <source type="video/webm" src="videos/Sequence1.webm" /> 你想打开网站并复制视频网址吗？在用感叹号给出答案之前尝试阅读代码..
尝试在ogg文件后添加webm文件源！！
我试过我先生..但仍然无法正常工作.. mozilla 加载了 ogv 文件但没有播放。

【解决方案2】：

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

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

附带说明，如果您无法弄清楚编码的问题，那么视频中实际上没有任何内容需要它是视频。它基本上是一个幻灯片视频，你最好implementing it that way，它肯定会减少所需的带宽。

【讨论】：

感谢您的回答，看起来我们在直接播放thesuperheroblueprint.com/videos/Sequence1.webm 时会得到不同的结果，因为在我看来它播放得很好。但是当我在网页上播放视频时。它需要 30 秒，然后点就在视频的末尾。
对不起，我的错误..你是对的我以为我是直接播放 webm 视频，它是 ogv 视频播放得很好。而 webm 视频没有播放..
仍然没有改善 si.. 我现在很沮丧.. 你建议的 html5 幻灯片没有得到我的客户的认可。她只是想让我解决这个问题。你怎么看？
@markyeoj 我认为您对 WebM 视频的编码方式仍然存在问题
谢谢，我很感激，你有什么建议我应该怎么做？因为直到我想不通为止。