如何在包括Firefox在内的所有主要设备和浏览器上播放视频？
提问于 2012-06-02 18:55:11
我的目标是在一个支持所有主要浏览器的网站上有一个视频播放器。
我把视频转换成4种不同的视频格式，.ogg，.mp4，.webm & .swf。
在下面的代码中，html 5元素尝试播放视频( mp4、ogg或webm格式)。如果失败，代码“倒转”以尝试object元素，因此embed元素If对象也会失败。
它在Chrome、Safari、Ipad / Iphone、Android上似乎运行良好，但我在Firefox和上遇到了问题。它向我展示了所有浏览器上的海报.jpg，以及Firefox上的以下错误消息。
没有支持格式和MIME类型的视频。
谁能帮我改进这个代码，，，或者拍几个主意，帮我在火狐，me和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
Stack Overflow用户
发布于 2012-06-02 19:34:40
我认为您应该使用Javascript来检测浏览器，并插入相应的视频格式。
比如使用jQuery：
if($.browser.mozilla) {
// using ogg
}else if($.browser.webkit) {
// using mp4
}else if($.browser.opera) {
// as webkit
}else {
// using flash as player
}Stack Overflow用户
发布于 2012-06-03 01:53:06
可能正在使用此播放器http://mediaelementjs.com/
Stack Overflow用户
发布于 2014-03-10 04:06:45
火狐错误没有视频支持格式和MIME类型找到。可以通过向.htaccess文件中添加以下MIME类型来解决此问题
AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10867554
复制相关文章
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
