3

我的目标是在支持所有主要浏览器的网站上拥有一个视频播放器。

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

在下面的代码中，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>
4

3 回答 3

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
于 2014-03-10T12:06:45.127 回答
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
}
于 2012-06-03T03:34:40.193 回答
0

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

于 2012-06-03T09:53:06.133 回答