首页 > HTML5/CSS3

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

发表于2015-07-17 16:48:15| --次阅读| 来源webkfa| 作者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

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1