如何查看浏览器对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实现垂直下拉动画菜单示例
Apr 22 HTML / CSS
实例讲解CSS3中Transform的perspective属性的用法
Apr 22 HTML / CSS
CSS3自定义滚动条样式的示例代码
Aug 21 HTML / CSS
css3实现平移效果(transfrom:translate)的示例
Nov 13 HTML / CSS
html+css实现自定义图片上传按钮功能
Sep 04 HTML / CSS
HTML5 声明兼容IE的写法
May 16 HTML / CSS
html5新增的属性和废除的属性简要概述
Feb 20 HTML / CSS
基于IE10/HTML5 开发
Apr 22 HTML / CSS
HTML5新增元素如何兼容旧浏览器有哪些方法
May 09 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
HTML5公共页面提取作为公用代码的方法
Jun 30 HTML / CSS
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
Sep 23 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
php中目录,文件操作详谈
2007/03/19 PHP
smarty的保留变量问题
2008/10/23 PHP
PHP获取当前文件所在目录 getcwd()函数
2009/05/13 PHP
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
2014/08/19 PHP
深入解析WordPress中加载模板的get_template_part函数
2016/01/11 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
js 中将多个逗号替换为一个逗号的代码
2014/06/07 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
jquery对象和DOM对象的相互转换详解
2016/10/18 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
Node.js实现发送邮件功能
2017/11/06 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
Python3读取文件常用方法实例分析
2015/05/22 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
深入理解Python中的*重复运算符
2017/10/28 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Django中url的反向查询的方法
2018/03/14 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
python 实现检验33品种数据是否是正态分布
2019/12/09 Python
python lambda的使用详解
2021/02/26 Python
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
中学生个人自我评价
2014/02/06 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
积极向上的团队口号
2014/06/06 职场文书
离婚协议书格式
2015/01/26 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
2021/03/31 Servers
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL