经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » 浏览器 » 查看文章
如何查看浏览器对html5的支持情况
来源:jb51  时间:2020/12/21 14:44:41  对本文有异议

http://html5test.com/

视频和音频代码检测

  1. function CheckAudio(){
  2. var myAudio=document.createElement("audio");
  3. if(myAudio.canPlayType){
  4. if(""!=myAudio.canPlayType("audio/mpeg")){
  5. document.write("你的浏览器支持mp3格式<br/>");
  6. }
  7. if(""!=myAudio.canPlayType('audio/ogg;codecs="vorbis"')){
  8. document.write("你的浏览器支持ogg编码<br/>")
  9. }
  10. if(""!=myAudio.canPlayType('audio/mp4;codecs="mp4a.40.5"')){
  11. document.write("你的浏览器支持aac编码。<br/>");
  12. }
  13. }
  14. else{
  15. document.write("你的浏览器不不支持检测的音频格式");
  16. }
  17. }
  18. function checkVideo(){
  19. var myVideo=document.createElement("video");
  20. if(myVideo.canPlayType){
  21. if(""!=myVideo.canPlayType('video/mp4;codecs="avc1.64001E"')){
  22. document.write("你的浏览器支持h264格式<br/>");
  23. }
  24. if(""!=myVideo.canPlayType('video/ogg;codecs="vp8"')){
  25. document.write("你的浏览器支持vp8格式<br/>");
  26. }
  27. if(""!=myVideo.canPlayType('video/ogg;codecs="theora"')){
  28. document.write("你的浏览器支持theora格式<br/>");
  29. }
  30. }else{
  31. document.write("你的浏览器不支持要检测的视频格式");
  32. }
  33. }

到此这篇关于如何查看浏览器对html5的支持情况的文章就介绍到这了,更多相关浏览器对html5的支持情况内容请搜索w3xue以前的文章或继续浏览下面的相关文章,希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号