HTML DOM Video canPlayType( ) Method

The Video canPlayType() method is used for checking if the browser can play the specified video type or not. The Video canPlayType method returns a string that represents the level of support.

Syntax:

videoObject.canPlayType(type)

Parameter Values:

type: It specifies the video type (and optional codecs) to test support for.

Return: The Video canPlayType() method generally returns one of the following values:

“probably”: It means that this video type is most likely supported for browser.
“maybe” : It means that the browser might support this video type.
“” (empty string) : It means that the browser does not support this video type.

The below program illustrates the Video canPlayType() method :

Example: Checking if a browser can play different types of video or not.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Video canPlayType( ) Method
    </title>
</head>
 
<body style="text-align: center">
    <h1 style="color: green">
        w3wiki
    </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) {
            let v = document.createElement("Video");
            isSupp =
                v.canPlayType(vidType + ';codecs="'
                    + codType + '"');
            if (isSupp == "") {
                isSupp = "No";
            }
            e.target.parentNode.innerHTML =
                "Compatilibility : " + isSupp;
        }
    </script>
</body>
 
</html>

Output:

Supported Browsers: The browser supported by HTML DOM Video canPlayType( ) Method are listed below:

Google Chrome 3 and above
Edge 12 and above
Internet Explorer 9 and above
Firefox 3.5 and above
Opera 12.1 and above
Apple Safari 4 and above

html

Contact Us