我要添加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()函数,开始考虑这个版本。
您是否对不同的视频使用了不同的设置?例如,不同的比特率,音频格式,大小? – 2013-03-17 19:54:24
您可以制作其中一个问题视频供学习吗? – 2013-03-17 19:58:20