如何检测您的浏览器是否支持HTML5视频,看下面代码:
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="Sorry. No video support." }else{ if (h264Test=="probably"){ document.getElementById("checkVideoResult").innerHTML="Yes! Full support!"; } else{ document.getElementById("checkVideoResult").innerHTML="Well. Some support."; } } } else{ if (oggTest=="probably"){ document.getElementById("checkVideoResult").innerHTML="Yes! Full support!"; } else{ document.getElementById("checkVideoResult").innerHTML="Well. Some support."; } } } else{ document.getElementById("checkVideoResult").innerHTML="Sorry. No video support." } }
代码就是这么简单!!看看运行效果:
欢迎大家关注我的博客!如有疑问,请加QQ群:135430763共同学习!
时间: 2024-10-31 10:49:34