HTML Audio/Video DOM canPlayType() 方法
示例
检查您的浏览器是否可以播放不同类型的视频：
<p>我的浏览器可以播放 MP4 视频吗？ <span> <button onclick="supportType(event,'video/mp4','avc1.42E01E, mp4a.40.2')" type="button">Test</button> </span></p> <p>我的浏览器可以播放 OGG 视频吗？<span> <button onclick="supportType(event,'video/ogg','theora, vorbis')" type="button">Test</button> </span></p> <script> function supportType(e,vidType,codType) { var vid = document.createElement('video'); isSupp = vid.canPlayType(vidType+';codecs="'+codType+'"'); if (isSupp == "") { isSupp = "No"; } e.target.parentNode.innerHTML = "答案: " + isSupp; } </script>
JavaScript:
var vid = document.createElement('video');
isSupp = vid.canPlayType(vidType+';codecs="'+codType+'"');
定义和用法
canPlayType() 方法检查浏览器是否可以播放指定的音频/视频类型。
canPlayType() 方法可以返回以下值之一：
probably- 浏览器最有可能支持这种音频/视频类型maybe- 浏览器可能支持这种音频/视频类型- "" - （空字符串）浏览器不支持这种音频/视频类型
浏览器支持
表中的数字指定了完全支持该方法的第一个浏览器版本。
| 方法 Method |
|
|
|
|
|
|---|---|---|---|---|---|
canPlayType() |
Yes | 9.0 | Yes | Yes | Yes |
语法
audio|video.canPlayType(type)
参数值
| 值 | 描述 Description |
|---|---|
| type | 指定要测试支持的音频/视频类型（和可选编解码器）。 共同值： * video/ogg * video/mp4 * video/webm * audio/mpeg * audio/ogg * audio/mp4 常用值，包括编解码器： * video/ogg; codecs="theora, vorbis" * video/mp4; codecs="avc1.4D401E, mp4a.40.2" * video/webm; codecs="vp8.0, vorbis" * audio/ogg; codecs="vorbis" * audio/mp4; codecs="mp4a.40.5" Note: 如果包含编解码器，此方法只能返回“probably”。 |
技术细节
| 返回值: | 一个字符串，表示支持级别。 可能的返回值： * probably - 最有可能支持* maybe - 可能支持* "" - （空字符串）不支持 |