在做一些项目时,项目需求竟然要兼容IE6, 一开始并没有合适的解决方案,后来查看了优酷的处理方式,这是一种好的方式,根据不同的浏览器来使用video或object, 我们都知道object的兼容性很好,但是很老,下面我们来进行总结一下:
方式一:根据浏览器判断使用不同的标签处理
html部分:
javascript:
必要说明:
- 判断IE等浏览器 :
http://www.jb51.net/article/50464.htm
- object中的api:
http://blog.csdn.net/zh_rey/article/details/71080467
- w3school关于embed :
http://www.w3school.com.cn/tags/tag_embed.asp
- w3school关于video的兼容性
http://www.w3school.com.cn/tags/tag_video.asp
- w3school关于object兼容性
http://www.w3school.com.cn/tags/tag_object.asp
- object和video分别处理: http://blog.sina.com.cn/s/blog_9c6c4d3b0102w7vn.htm
方式二:使用html5media处理
html部分:
使用这个控件尝试在高版本的IE模拟器下奏效,但在在实际的IE6下播放存在问题。
必要说明:
https://github.com/etianen/html5media
http://www.cnblogs.com/sun8134/p/4446390.html
http://www.zhangxinxu.com/wordpress/2010/03/every-browser-support-html5-video/
在IE678中,html5media内部使用了flowplayer播放器在处理,有控制播放的各种面板。在现代浏览器中会直接使用video标签来处理。
其他相关链接:
-
兼容IE8的video.js,可自定义皮肤:http://videojs.com
-
WFObject播放flash:
http://www.webkfa.com/one2/w1442.html
-
使用js获取地址栏参数的兼容处理方式:
-
http://www.jb51.net/article/55057.htm
-
http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html
-
作者:Johnny丶me
链接:
https://blog.csdn.net/Tyro_java/article/details/78457129