HTML DOM Video canPlayType()用法及代碼示例

Video canPlayType()方法用於檢查瀏覽器是否可以播放指定的視頻類型。 Video canPlayType方法返回一個表示支持級別的字符串。

用法:

videoObject.canPlayType(type)

參數值：

type:它指定要測試支持的視頻類型(和可選的編解碼器)。

返回：Video canPlayType()方法通常返回以下值之一：

“probably”：這意味著瀏覽器很可能支持此視頻類型。
“maybe”：這意味著瀏覽器可能支持此視頻類型。
“”(空字符串)：這意味著瀏覽器不支持此視頻類型。

以下示例程序旨在說明視頻canPlayType()方法：

例：檢查瀏覽器是否可以播放不同類型的視頻。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM Video canPlayType( ) Method 
    </title> 
</head> 
  
<body style="text-align:center"> 
  
    <h1 style="color:green"> 
      GeeksforGeeks 
  </h1> 
    <h2 style="font-family:Impact"> 
      Video canPlayType() Method 
  </h2> 
    <br> 
  
    <p> 
      Does the browser support playing OGG videos? <span> 
<button ondblclick= 
        "My_Video(event, 'video/ogg', 'theora, vorbis')"
        type="button">Check</button> 
</span></p> 
  
    <p>Does the browser support playing MP4 videos? <span> 
<button ondblclick= 
        "My_Video(event, 'video/mp4', 'avc1.42E01E, mp4a.40.2')"
         type="button">Check</button> 
</span></p> 
  
    <script> 
        function My_Video(e, vidType, codType) { 
  
            var v = document.createElement("Video"); 
            isSupp =  
              v.canPlayType(vidType + ';codecs="'  
                            + codType + '"'); 
            
            if (isSupp == "") { 
                isSupp = "No"; 
            } 
            
            e.target.parentNode.innerHTML =  
              "Compatilibility:" + isSupp; 
  
        } 
    </script> 
  
</body> 
  
</html>

輸出：

在單擊按鈕之前：
單擊按鈕後：

支持的瀏覽器：HTML |下麵列出了DOM Video canPlayType()方法：

穀歌瀏覽器
Internet Explorer 9.0
火狐瀏覽器
Opera
蘋果Safari

相關用法

注：本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | DOM Video canPlayType() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。