如何判断当前浏览器是否支持html5的video标签

发表于:2015-07-17 16:48:15 | 阅读数:--次| 作者:html5,css3

摘要：如何判断当前浏览器是否支持html5的video标签:html5新增了video标签，用于播放视频，功能非常的强大，但是由于当前很多浏览器还不支持，所以在使用的时候需要判断当前浏览器是否支持此标签，下面就提供一段能够实现此功能的代码，希望能够给需要的朋友带来一定的帮助。代码如下://检测是否支持HT...

如何判断当前浏览器是否支持html5的video标签:

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;
  }
}

最为原始地址是:http://www.softwhy.com