码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-16 22:02:49      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

如何判断当前浏览器是否支持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.51texiao.cn/HTML5jiaocheng/2015/0612/4011.html

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

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

标签:

原文地址:http://www.cnblogs.com/nulifendou/p/4652391.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!