判斷瀏覽器是否支持HTML5 video

 

　　話不多說，下面是我從W3C扒的判斷瀏覽器是是否支持H5視頻的代碼，有需要的小伙伴，拿走不謝

 

　　HTML

<div id="checkVideoResult"><button onclick="checkVideo()">檢測</button></div>

 

　　JS （代碼格式是整理過的，不過復制進來就這樣了，小伙伴們自己格式化一下哈）

function checkVideo() {
                if(!!document.createElement('video').canPlayType) {
                    var vidTest = document.createElement("video");
                    oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
                    if(!oggTest) {
                        h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
                        if(!h264Test) {
                            document.getElementById("checkVideoResult").innerHTML = "抱歉你的瀏覽器不支持HTML5 video標簽！."
                        } else {
                            if(h264Test == "probably") {
                                document.getElementById("checkVideoResult").innerHTML = "非常棒！你的瀏覽器支持HTML5 video標簽！";
                            } else {
                                document.getElementById("checkVideoResult").innerHTML = "Meh. Some support.";
                            }
                        }
                    } else {
                        if(oggTest == "probably") {
                            document.getElementById("checkVideoResult").innerHTML = "非常棒！你的瀏覽器支持HTML5 video標簽！";
                        } else {
                            document.getElementById("checkVideoResult").innerHTML = "Meh. Some support.";
                        }
                    }
                } else {
                    document.getElementById("checkVideoResult").innerHTML = "Sorry. No video support."
                }
            }