话不多说,下面是我从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." } }