您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js检测浏览器是否支持html5中的video标签的方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了使用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;