2013-03-17 39 views
3

我已经用Miro Video Converter编码了webm视频,并且还带有FreeMakeVideo Converter,结果相同:一些webm视频在Firefox中播放,而另一些在嵌入html5视频标签时不会播放。不是所有的webm文件都在Firefox中播放

在Chrome中,它们都能正常播放。

在我的Apache配置我已经加入:将AddType视频/ WEBM .webm

我还添加了一个.htaccess文件具有相同:将AddType视频/ WEBM .webm

没有任何区别。一些webm文件运行良好,而另一些则根本不玩。

如果我直接在Firefox中打开webm文件,它们都可以正常工作,但在视频标签中只有其中一些可以工作。

任何想法?????

+0

您是否对不同的视频使用了不同的设置?例如,不同的比特率,音频格式,大小? – 2013-03-17 19:54:24

+0

您可以制作其中一个问题视频供学习吗? – 2013-03-17 19:58:20

回答

1

我知道这个问题很老,但实际上我前几天遇到了这个问题,我想我会为任何遇到同样问题的未来冒险者回答它。

这是Firefox中的一个已知问题。有时候,它只是不想玩webm文件。我不知道为什么,我懒得弄明白。我能够通过切换源标签的顺序来弄清楚。

我曾经有过这样的:

<source src="myVideo.webm" type="video/webm"> 
<source src="myVideo.mp4" type="video/mp4"> 
<source src="myVideo.ogv" type="video/ogv"> 

这样,火狐来了吧,看见WEBM第一,选择了尝试和opne这一点。有些问题导致它无法播放,但由于它支持该格式,因此无论如何都使用该源。为了解决这个问题,我做了以下内容:

<source src="myVideo.ogv" type="video/ogv"> 
<source src="myVideo.mp4" type="video/mp4"> 
<source src="myVideo.webm" type="video/webm"> 

这样,当Firefox读取源,它首先看到OGV文件,并选择打开它,因为它可以支持它。自那以后没有问题。

希望这可以帮助别人......

0

我要添加2¢这里。我今天刚刚经历过这个问题。 Firefox现在在版本33(!)中,Firefox用webm“做某些事情”,但它肯定不会做正确的事情。 (我开始一个关于它的线程在这里... Trouble getting HTML5 vidio to play, in Firefox 33

但底线是,这是一个Firefox的问题,可能需要多年才能解决的另一个例子。但是,我离题...这IS一个Firefox问题,因为列出视频源文件的首选顺序是MP4,然后是webm,然后是ogg,现在唯一明智的做法是检测Firefox浏览器,并采取相应的行动。我这样做的方式是创建一个JavaScript在我的共同的“sitescripts.js功能文件中像这样...

function browserComment(browser, comment) 
{ 
    if(navigator.userAgent.toLowerCase().indexOf(browser) < 0) return; 

    if (comment == true) document.write("<!--"); 
    else document.write("-->"); 

} 

其目的是让我来检测特定的浏览器,以及添加HTML注释开始或评论结束。接下来,在我的HTML5视频编码中,我会做类似下面的事情。请注意,我如何使用上述函数来检测firefox,并在呈现页面时添加打开或关闭评论,方法是传递true或false。

<video width="640" height ="480" controls poster="somePhoto.JPG"> 

    <source src ="someVideo.mp4" type='video/mp4' > <!--cSafari/iOS 1st --> 

    <!-- firefox supports 'webm'... but doesn't work properly. 
    So I'll comment out the webm version --> 

    <script> browserComment('firefox', true) </script> 
    <source src ="someVideo.webm" type='video/webm' > <!-- Firefox/Opera/Chrome --> 
    <script> browserComment('firefox', false) </script> 

    <source src ="someVideo" type='video/ogg' > <!-- Firefox/Opera/Chrome --> 

    <!-- other code to invoke Flask player as a fallback --> 

</video> 

它有点丑陋,但至少它保留了为正常工作与WebM文件,Chrome等其他浏览器的视频源正确的顺序。当Mozilla终于解决了这个问题,也许是在遥远的银河系的623.2版本中,我只能改变我的browserComment()函数,开始考虑这个版本。

相关问题