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


Posted in HTML / CSS onDecember 15, 2020

http://html5test.com/

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

视频和音频代码检测

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的支持情况内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
css3 border-radius属性详解
Jul 05 HTML / CSS
css3中的calc函数浅析
Jul 10 HTML / CSS
css3新增颜色表示方式分享
Apr 15 HTML / CSS
推荐一些比较有用的css3新属性
Nov 11 HTML / CSS
css3的focus-within选择器的使用
May 11 HTML / CSS
详解HTML5表单新增属性
Dec 21 HTML / CSS
html5唤起app的方法
Nov 30 HTML / CSS
canvas学习和滤镜实现代码
Aug 22 HTML / CSS
Html5跳转到APP指定页面的实现
Jan 14 HTML / CSS
HTML5适合的情人节礼物有纪念日期功能
Jan 25 HTML / CSS
css3 文字断裂效果
Apr 22 HTML / CSS
解决flex布局中子项目尺寸不受flex-shrink限制
May 11 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
Dec 14 #HTML / CSS
HTML5 body设置全屏背景图片的示例代码
Dec 08 #HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
Dec 07 #HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
Dec 04 #HTML / CSS
前端水印的简单实现代码示例
Dec 02 #HTML / CSS
html5跳转小程序wx-open-launch-weapp踩坑
Dec 02 #HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 #HTML / CSS
You might like
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
PHP脚本数据库功能详解(上)
2006/10/09 PHP
PHP和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
PHP gbk环境下json_dencode传送来的汉字
2012/11/13 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
PHP在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
php策略模式简单示例分析【区别于工厂模式】
2019/09/25 PHP
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
浅谈Python数据类型之间的转换
2016/06/08 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python在非root权限下的安装方法
2018/01/23 Python
Python多线程扫描端口代码示例
2018/02/09 Python
基于python实现学生信息管理系统
2019/11/22 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
2014会计年终工作总结
2014/12/20 职场文书
应届生简历自我评价
2015/03/11 职场文书
小学教师节活动总结
2015/03/20 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书