首页前端开发HTML如何查看浏览器对html5的支持情况

如何查看浏览器对html5的支持情况

时间2024-01-25 07:51:29发布访客分类HTML浏览852
导读:收集整理的这篇文章主要介绍了如何查看浏览器对html5的支持情况,觉得挺不错的,现在分享给大家,也给大家做个参考。 http://html5test.com/视频和音频代码检测function CheckAudio( {...
收集整理的这篇文章主要介绍了如何查看浏览器对html5的支持情况,觉得挺不错的,现在分享给大家,也给大家做个参考。

http://html5test.com/

视频和音频代码检测

function CheckAudio(){
               VAR myAudio=document.createElement("audio");
            if(myAudio.canplayTyPE){
                if(""!=myAudio.canPlayType("audio/mpeg")){
                       document.wrITe("你的浏览器支持mP3格式br/>
    ");
                }
                   if(""!=myAudio.canPlayType('audio/ogg;
codecs="vorbis"')){
                       document.write("你的浏览器支持ogg编码br/>
")                }
                   if(""!=myAudio.canPlayType('audio/mp4;
codecs="mp4a.40.5"')){
                       document.write("你的浏览器支持aac编码。br/>
    ");
               }
           }
           else{
                   document.write("你的浏览器不不支持检测的音频格式");
           }
       }
           function checkVideo(){
           var myVideo=document.createElement("video");
        if(myVideo.canPlayType){
               if(""!=myVideo.canPlayType('video/mp4;
codecs="avc1.64001E"')){
                   document.write("你的浏览器支持h264格式br/>
    ");
           }
               if(""!=myVideo.canPlayType('video/ogg;
codecs="vp8"')){
                   document.write("你的浏览器支持vp8格式br/>
    ");
           }
               if(""!=myVideo.canPlayType('video/ogg;
codecs="theora"')){
                   document.write("你的浏览器支持theora格式br/>
    ");
           }
       }
else{
               document.write("你的浏览器不支持要检测的视频格式");
       }
   }
    

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 移动端HTML5开发神器之vconsole详...下一篇:如何使用canvas绘制可移动网格的...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员load

若转载请注明出处: 如何查看浏览器对html5的支持情况
本文地址: https://pptw.com/jishu/586287.html
Html5基于canvas实现电子签名并生成PDF文档 移动端HTML5开发神器之vconsole详解

游客 回复需填写必要信息