如何判斷當前瀏覽器是否支援html5的video標籤

admin發表於2017-02-10
html5新增了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;
  }
}

相關文章