1 //检测是否支持HTML5 2 function checkVideo() { 3 if (!!document.createElement('video').canPlayType) { 4 var vidTest = document.createElement("video"); 5 oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); 6 if (!oggTest) { 7 h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'); 8 if (!h264Test) { 9 return false; 10 } 11 else { 12 if (h264Test == "probably") { 13 return true; 14 } 15 else { 16 return false; 17 } 18 } 19 } 20 else { 21 if (oggTest == "probably") { 22 return true; 23 } 24 else { 25 return false; 26 } 27 } 28 } 29 else { 30 return false; 31 } 32 }
用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签,并能支持使用MP4格式进行播放(因为Firefox貌似因为版权原因,不支持以H.264编码的MP4格式播放),如果返回true,则可以使用HTML5中的Video进行播放视频,返回false,则用Flash插件进行播放。
此方法一般用于视频网站,兼容手机,平板等设备进行视屏的播放,主要还是为了兼容IOS;