Open In App

HTML DOM Video canPlayType( ) Method

Improve
Improve
Like Article
Like
Save
Share
Report

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">
        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) {
            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


Last Updated : 23 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads