HTML 音频/视频 DOM canPlayType() 方法
检测您的浏览器是否能播放不同类型的视频:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</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" - 浏览器也许支持该音频/视频类型
- "" - (空字符串)浏览器不支持该音频/视频类型
浏览器支持
所有主流浏览器都支持 canPlayType() 方法。
注意:Internet Explorer 8 及之前的版本不支持该方法。
语法
audio|video.canPlayType(type))
参数
值 | 描述 |
---|---|
type | 规定要检测的音频/视频类型(和可选的编解码器)。 常用值:
常用值,包括编解码器:
注意:如果包含编解码器,则该方法只能返回 "probably"。 |
返回值
类型 | 描述 |
---|---|
String | 表示支持的级别。可能的返回值:
|
