2013-03-27 88 views
17

我已将文件转换为三种不同格式:mp4,web和ogv。根据caniuse firefox据说支持ogg和webm,但没有什么玩。未在Firefox中播放HTML5视频

我转换的文件使用Miro Converter,根据其他人应该工作得很好。我相信Chrome会选择webm文件(如果我右键单击 - >在新选项卡中打开,它会显示webm文件),这非常棒。

网址的网站:http://dev.fristil.se/hbh/

我有一个静态图像作为背景。视频假设在上面显示,所以如果它没有移动,你可以告诉它不工作。

任何想法?

回答

30

您的服务器没有为该文件发送正确的MIME类型。

它发送Content-Type: text/plain

HTML5视频可在Safari,Chrome和IE 9播放而在Firefox或IE 7-8。如果你修复了MIME类型的问题,它将在Firefox中播放。

如果您使用Apache Web服务器或Apache的一些衍生,你可以在你的站点范围的httpd.conf或在的.htaccess文件在您存储目录使用AddType指令你视频文件。 (如果你使用的是其他Web服务器,请咨询您的服务器上如何设置特定的文件类型的Content-Type HTTP头文件。)

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

AddType audio/mpeg .mp3 
AddType audio/ogg .ogg 
AddType audio/mp4 .m4a 
AddType audio/wav /wav 

在这里你有同样的问题:Video file .ogv plays locally in Firefox, but not from server 和更详细的解答:https://stackoverflow.com/a/6145629/1081079

+0

谢谢,这个修复了firefox!然而,我仍然遇到了支持mp4的IE9-10问题。它根本不玩。任何其他的想法是什么可能导致这一点? *编辑:*通过将'type =“video/m4v”'改为'mp4'而不是'm4v',IE9在IE9中工作,但IE10仍然不动! – qwerty 2013-03-27 11:36:23

+0

在IE10控制台有没有错误? – freshbm 2013-03-27 12:33:47

+0

不,它是空白的! – qwerty 2013-03-27 14:39:31

0

我在使用Flowplayer HTML5播放器时遇到了与webm相同的问题。 Firefox说“未找到HTML5视频”。起初我以为这是米罗有一个编码问题,我尝试了几个不同的程序,都有相同的结果。所以我缩小了它到我的服务器上不正确的MIME类型,传输webm作为文本/纯文本(您可以使用Web检查器看到这一点)或Firefox只吸吮。前段时间,我有托管服务提供商AddType video/webm.webm,所以我不能积极。我所做的只是在意识到我过去使用过Flowplayer,并且只需要一个mp4文件后,直接从我的HTML中删除webm引用。 Firefox可以使用mp4。删除它:

<source type="video/webm" src="URL_to_webm.webm" /> 

这使它适用于所有事情(IE,Chrome,Firefox,iPad,iPhone)。 Mac上的Chrome 29使用mp4。

0

我在我的Windows主机中遇到了同样的问题。为了解决这个问题,我在web.config里面包含了mime设置

<staticContent> 
    <mimeMap fileExtension=".webm" mimeType="video/webm" /> 
</staticContent>