判断浏览器是否支持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."
                }
            }

 

有需要的朋友可以领取支付宝到店红包，能省一点是一点