js实现检测浏览器音频和视频格式的支持情况

要使用JavaScript检测浏览器支持哪些音频格式可使用下面代码，使用audio元素的canPlayType方法

该方法粗涂鸦板MIME类型与编码/解码器参数，并返回下列三个字符串之一：1.probably，2.maybe，3.空字符串

function checkAudio() {
    var myAudio = document.createElement('audio');
    if (myAudio.canPlayType) {
        if ("" != myAudio.canPlayType('audio/mpeg')) {
            document.write("您的浏览器支持MP3编码。
");
        }
        if ("" != myAudio.canPlayType('audio/ogg;codecs="vorbis"')) {
            document.write("您的浏览器支持ogg编码。
")
        }
        if ("" != myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')) {
            document.write("您的浏览器支持aac编码")
        }
    } else {
        document.write("您的浏览器不支持要检测的音频格式。")
    }
}
function checkVideo(){
 var myVideo = document.createElement('video');
    if (myVideo.canPlayType) {
        if ("" != myVideo.canPlayType('video/mp4;codecs="avc1.640001E"')) {
            document.write("您的浏览器支持h264编码。
");
        }
        if ("" != myVideo.canPlayType('video/ogg;codecs="vp8"')) {
            document.write("您的浏览器支持vp8编码。
")
        }
        if ("" != myVideo.canPlayType('video/ogg;codecs="theora"')) {
            document.write("您的浏览器支持theora编码")
        }
    } else {
        document.write("您的浏览器不支持要检测的音频格式。")
    }
}
window.οnlοad=function(){
 checkAudio();
 checkVideo();
}

如果为不支持HTML5的浏览器提供可选方式来显示视频，可以使用相同的方法，将以插件的方式播放视频的代码作为备选内容，放在相同的位置即可。

在video元素中嵌入显示flash视频的object元素之后，如果浏览器支持HTML5视频，那么HTML5视频会优先显示，Flash视频作为备选，不过在HTML5被广泛支持之前，可能需要提供多种视频格式