使用js检测浏览器是否支持html5中的video标签的方法
代码如下:
//检测是否支持HTML5 function checkVideo() { if (!!document.createElement('video').canPlayType) { var vidTest = document.createElement("video"); oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); if (!oggTest) { h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); if (!h264Test) { return false; } else { if (h264Test == "probably") { return true; } else { return false; } } } else { if (oggTest == "probably") { return true; } else { return false; } } } else { return false; } }
用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签,并能支持使用MP4格式进行播放(因为Firefox貌似因为版权原因,不支持以H.264编码的MP4格式播放),如果返回true,则可以使用HTML5中的Video进行播放视频,返回false,则用Flash插件进行播放。
此方法一般用于视频网站,兼容手机,平板等设备进行视屏的播放,主要还是为了兼容IOS;
相关推荐
WebVincent 2020-06-06
行吟阁 2020-04-10
ShoppingChen 2020-06-25
爱好HtmlCssJs 2020-01-18
冰蝶 2020-01-08
Jym 2012-07-05
tumobi 2016-12-08
一点一刻 2013-09-17
HandsomeHong 2010-08-13
Charliewolf 2019-11-10
WenFY的CSDN 2019-10-24
89510194 2019-10-22
nercon 2019-10-20
行吟阁 2019-10-22
zhangli 2014-11-12