检测您的浏览器是否支持 HTML5 视频方法
2013-03-25 10:48
567 查看
在http://www.w3school.com.cn学习html5的时候,看到一个检测您的浏览器是否支持 HTML5 视频的方法:
运行效果:
1.在EditPlus中运行
2.在chrome浏览器中运行
=======================================================
代码部分:
=======================================================
运行效果:
1.在EditPlus中运行
2.在chrome浏览器中运行
=======================================================
代码部分:
=======================================================
<!DUCTYPE HTML> <html> <script type="text/javascript"> 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." } } </script> <body> <p>检测您的浏览器是否支持 HTML5 视频:</p> <div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0;"> <button onclick="checkVideo()" style="font-family:Arial, Helvetica, sans-serif;">Check</button> </div> </body> </html>
相关文章推荐
- 检测浏览器是否支持HTML5视频
- 如何检测您的浏览器是否支持HTML5视频
- 使用js检测浏览器是否支持html5中的video标签的方法
- html5检测浏览器是否支持视频播放js代码
- 使用js检测浏览器是否支持html5中的video标签的方法
- 检测浏览器是否支持hmtl5视频的方法
- 检测浏览器是否支持html5视频的代码
- HTML5视频支持检测(检查浏览器是否支持视频播放)
- Video---如何检测您的浏览器是否支持HTML5视频
- html5 检测浏览器是否支持新特性
- 如何检测浏览器是否支持HTML5
- 4种检测是否支持HTML5的方法
- 4种检测是否支持HTML5的方法,你知道几个?
- HTML5之启动篇-检测浏览器是否支持HTML5与第一个H5程序
- html5 placeholder 属性 并检测浏览器是否支持这个属性
- 检测用户浏览器是否支持CSS3的方法
- Modernizr 检测浏览器是否支持HTML5元素
- 这个网站的的,首页有特点。它能根据浏览器是否支持HTML5或者是Silverlight,来决定是启用HTML5的Video还是Silverlight播放视频。
- 检测浏览器是否支持HTML5功能
- HTML5 Canvas之测试浏览器是否支持Canvas的方法