Question

我的目标是在支持所有主流浏览器的网站上安装视频播放器。

我将视频转换为4种不同的视频格式，.ogg，.mp4，.webm＆amp;瑞士法郎。

在下面的代码中，html 5元素尝试播放mp4，ogg或webm格式的视频。如果失败，则代码“后退”以尝试对象元素，因此如果对象也失败，则嵌入元素。

它似乎在Chrome，Safari，Ipad / Iphone，Android上运行良好，但我遇到了Firefox和Internet Explorer的问题。它向我展示了所有浏览器上的海报.jpg以及Firefox上的以下错误消息。

找不到支持格式和MIME类型的视频。

有没有人可以帮助我改进此代码或拍摄一些想法来帮助我在Firefox，Internet Explorer和Safari上播放视频？

<video width="320" height="240" controls="controls" poster="may_28_2012_F6_HQ.jpg">
  <source src="may_28_2012_F6_HQ.ogg" type="video/ogg" />
  <source src="may_28_2012_F6_HQ.mp4" type="video/mp4" />
  <source src="may_28_2012_F6_HQ.webm" type="video/webm" />
    <object width="320" height="240" data="may_28_2012_F6_HQ.mp4">
      <embed width="320" height="240" src="may_28_2012_F6_HQ.swf">
          Your browser does not support video
      </embed>
    </object>
</video>

Answer 1

我认为您应该使用Javascript来检测浏览器，并插入相应的视频格式。

喜欢使用jQuery：

if($.browser.mozilla) {
  // using ogg
}else if($.browser.webkit) {
  // using mp4
}else if($.browser.opera) {
  // as webkit
}else {
  // using flash as player
}

Answer 2

可以使用此播放器http://mediaelementjs.com/

Answer 3

Firefox错误找不到支持格式和MIME类型的视频。您可以通过将以下MIME类型添加到.htaccess文件

来解决此问题

AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv

如何在包括Firefox在内的所有主流设备和浏览器上播放视频？

3 个答案: