首页 文章

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

提问于
浏览
3

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

我将视频转换为4种不同的视频格式,.ogg,.mp4,.webm和.swf .

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

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

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

任何人都可以帮助我 improve this code 或拍摄一些想法来帮助我 to play videos also on Firefox, Internet Explorer and 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>

3 回答

  • 0

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

    喜欢使用jQuery:

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

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

  • 0

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

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

相关问题