canPlayType() 方法会判断传递的媒体格式参数是否能够被播放。
在线示例
检查您的浏览器是否可以播放不同类型的视频：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 canPlayType()方法使用-大卫编程网(div.cn)</title>
</head>
<body>
<p>我的浏览器可以播放 MP4 视频吗?<span>
<button onclick="supportType(event,'video/mp4','avc1.42E01E, mp4a.40.2')" type="button">测试</button>
</span></p>
<p>我的浏览器可以播放 OGG 视频吗?<span>
<button onclick="supportType(event,'video/ogg','theora, vorbis')" type="button">测试</button>
</span></p>
<script>
function supportType(e,vidType,codType)
{
myVid=document.createElement('video');
isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"');
if (isSupp=="")
{
isSupp="No";
}
e.target.parentNode.innerHTML="Answer: " + isSupp;
}
</script>
</body>
</html>测试看看 ‹/›定义和用法
canPlayType() 方法检查浏览器是否可以播放指定的音频/视频类型。
canPlayType() 方法可返回下列值之一：
"probably" - 浏览器最可能支持该音频/视频类型
"maybe" - 浏览器也许支持该音频/视频类型
"" - （空字符串）浏览器不支持该音频/视频类型
浏览器兼容性
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 canPlayType() 方法。
注意：Internet Explorer 8 及之前的版本不支持该方法。
语法
audio|video.canPlayType(type))
参数
| 值 | 描述 |
|---|---|
| type | 规定要检测的音频/视频类型（和可选的编解码器）。 常用值：
常用值，包括编解码器：
注意：如果包含编解码器，则该方法只能返回 "probably"。 |
返回值
| 类型 | 描述 |
|---|---|
| String | 表示支持的级别。可能的返回值：
|