2012-05-07 128 views
21

我已经搜索了很多,但还没有解决我的问题。使用HTML5视频在Firefox中播放MP4文件

我有一个video标签运行如下:

<video 
    class="ne" 
    src="{{ page | video_url }}" 
    muted="true" 
    volume="0" 
    controls 
    width="720" 
    height="480" 
    poster="{{ page | video_poster_image_url }}" 
    type="video/mp4"> 
</video> 

我使用杰奇的网址。他们工作正常。

该网站是在直播switzerlandllc.com。点击FF中的任何视频,它会显示图像和X. Chrome和其他浏览器正常工作。

如果你抓住一个视频源,并在新标签加载它起着罚款。至少它对我有用。

我已经加入:

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

htaccess文件。我怀疑我不需要.ogv.webm

我不明白为什么加载视频URL将播放视频罚款,但加载视频到视频标签失败。

任何想法?

+2

如果有人达到这个问题,尽管答案是正确的 - 火狐36个supposts mp4视频HTML5标签 - 刚刚升级:) – Boaz

回答

32

这是通过在Firefox的视频标签内的MP4格式的支持有限造成的。支持直到Firefox 21才被添加,并且仍然仅限于Windows 7及更高版本。有限支持的主要原因是附加在mp4格式上的版税费用。

退房Supported media formatsMedia formats supported by the audio and video elements直接从Mozilla的船员或以下博客文章的详细信息:

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

+0

从源头直接:https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements –

+0

谢谢,我用链接更新了我的答案! –

+0

我已经看到了这个答案,但为什么视频播放如果你在新标签中加载路径? –

9

我可以证实,MP4只是不会在视频标签的工作。不管你尝试从服务器上弄乱类型标签和编解码器以及MIME类型。

疯狂,因为完全相同的视频,同样的测试页上,对于MP4旧嵌入标记在Firefox工作得很好。我昨天都在搞这个。火狐就像IE一样突然,几小时和几小时,而不是计费。好极了。

IE的说到,它没有更优雅这一点。当它不符合标签之间的内容格式时,所以可以在嵌入物周围放置视频并且一切都很好。 Firefox,尽管失败,但它会放置海报图像(灰色,因此甚至没有用作后备),并在中间显示错误消息。所以现在这些选项被放入浏览器识别代码中(这意味着我们在过去的十年中没有获得任何有关嵌入视频的信息)或html5。

+7

+1“Firefox像突发事件一样,几小时,几小时,而不是计费。” – Geo

+0

哪种视频类型有效? OGG或WEBM? –