指定的 "type" 属性 "video/mp4" 不受支持。

Question

指定的 "type" 属性 "video/mp4" 不受支持。

13

我正在使用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>标签中有以下内容：

and on my index.html I have this on my <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"类型属性不受支持。视频资源videos/Sequence1.mp4的加载失败。 @ http://thesuperheroblueprint.com/

请帮帮我，我真的很需要解决这个问题。这是网站链接。

- markyeoj

2个回答

3

Firefox报错是因为它不支持video/mp4，这没什么可担心的，其他原因导致了问题。您可以先尝试删除其中一个preload属性，但我认为这不是主要问题。

如果您在Firefox中直接加载webm视频，需要大约30秒才能加载完成，而且播放点在视频结尾处。如果您直接加载ogv文件，则似乎可以正常播放。因此，我认为您的webm文件编码出了问题，建议使用不同的选项重新编码。

作为一个附注，如果你无法解决编码问题，那么视频中并没有需要它是视频的内容。基本上它只是幻灯片的视频，你最好采用这种方式实现，这肯定会减少所需的带宽。

- robertc

1

谢谢你的回答，看起来我们在直接播放http://thesuperheroblueprint.com/videos/Sequence1.webm时得到了不同的结果，因为在我的端上它正常播放。但是当我在网页上播放视频时，需要30秒钟才能开始播放，并且播放到最后一点。 - markyeoj

抱歉，我的错误。你是对的。我以为我直接播放了webm视频，但实际上是ogv视频正常播放。而webm视频无法播放。 - markyeoj

仍然没有改善，我现在非常沮丧。你建议的HTML5幻灯片未经我的客户批准。她只想让我解决问题。你认为呢？ - markyeoj

@markyeoj 我认为你编码WebM视频的方式还有问题。 - robertc

谢谢，我很感激。你有什么建议吗？因为我还没有想出来。 - markyeoj

你认为 Miro 视频转换器也有可能引起这个问题吗？ - markyeoj

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brijesh Gajjar · Accepted Answer

火狐浏览器不支持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手机。