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