canPlayType() 方法检测浏览器是否能播放指定的音频/视频类型。
检测是否能播放指定音频/视频
<!DOCTYPE html>
<html>
<head>
<title>检测是否能播放指定音频/视频-html教程www.xuandaima.com</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('video/webm') 会返回 'probably'。从 Gecko 28 开始，将返回 'maybe'。 |
String. 有可能的值为：
'probably': 这种媒体文件似乎是可播放的。
'maybe': 不能告诉你这种媒体文件是否能被播放，直到你尝试播放它。
'' (empty string): 这种媒体文件不能被播放。
音频/视频.canPlayType(类型)
| 值 | 描述 |
|---|---|
| 类型 | 规定要检测的音频/视频类型（和可选的编解码器）。 常用值：
常用值，包括编解码器：
注意：如果包含编解码器，则该方法只能返回 "probably"。 |
