如何判断当前浏览器是否支持HTML5视频标签

2017-2-10 19:49 |作者: admin |查看: 1543 |评论: 0 |来自: 蚂蚁部落

html5添加了一个用于播放视频的视频标签，该标签非常强大video标签浏览器支持，但是由于许多浏览器尚不支持该标签video标签浏览器支持，因此您需要确定当前浏览器在使用时是否支持该标签. 实现此功能的代码希望为有需要的朋友带来一些帮助.

代码如下:

[JavaScript] 纯文本查看 复制代码
//检测是否支持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;
  }
}


花
握手
雷仁
路过
鸡蛋
					

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-239459-1.html