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 | 表示支持的级别。可能的返回值:
|
展开全部