你的位置:首页 > 网页设计

[网页设计]如何判断当前浏览器是否支持html5的video标签


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

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

代码如下:

//检测是否支持HTML5function 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