我的目标是在支持所有主流浏览器的网站上安装视频播放器 .
我将视频转换为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 回答
我认为您应该使用Javascript来检测浏览器,并插入相应的视频格式 .
喜欢使用jQuery:
可以使用这个播放器http://mediaelementjs.com/
Firefox错误找不到支持格式和MIME类型的视频 . 您可以通过将以下MIME类型添加到.htaccess文件来解决此问题