如何查看浏览器对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的appearance属性改变任何元素的浏览器默认风格
Dec 24 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
详解CSS3的box-shadow属性制作边框阴影效果的方法
May 10 HTML / CSS
浅谈CSS3特性查询(Feature Query: @supports)功能简介
Jul 31 HTML / CSS
html5 input元素新特性_动力节点Java学院整理
Jul 06 HTML / CSS
websocket+sockjs+stompjs详解及实例代码
Nov 30 HTML / CSS
HTML5 device access 设备访问详解
May 24 HTML / CSS
在HTML5 canvas里用卷积核进行图像处理的方法
May 02 HTML / CSS
html5实现canvas阴影效果示例
May 07 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 HTML / CSS
简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl
Mar 31 HTML / CSS
Html5新增了哪些功能
Apr 16 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
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
PHP sprintf()函数用例解析
2011/05/18 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
2016/08/17 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
NodeJS实现不可逆加密与密码密文保存的方法
2018/03/16 NodeJs
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
Python functools模块学习总结
2015/05/09 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
Python实现自定义函数的5种常见形式分析
2018/06/16 Python
Python 线程池用法简单示例
2019/10/02 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
法学专业本科生自荐信范文
2013/12/17 职场文书
村捐赠仪式答谢词
2014/01/21 职场文书
学雷锋宣传标语
2014/06/25 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
深入解析MySQL索引数据结构
2021/10/16 MySQL
ipad隐藏软件app图标方法
2022/04/19 数码科技