如何查看浏览器对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实现的多级渐变下拉菜单导航效果代码
Aug 31 HTML / CSS
CSS3动画:5种预载动画效果实例
Apr 05 HTML / CSS
css3 flex布局 justify-content:space-between 最后一行左对齐
Jan 02 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
CSS实现进度条和订单进度条的示例
Nov 05 HTML / CSS
前端canvas水印快速制作(附完整代码)
Sep 19 HTML / CSS
HTML5语音识别标签写法附图
Nov 18 HTML / CSS
Html5 页面适配iPhoneX(就是那么简单)
Sep 05 HTML / CSS
AmazeUI导航的示例代码
Aug 14 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
Oct 16 HTML / CSS
HTML5基础学习之文本标签控制
Mar 25 HTML / CSS
新的CSS 伪类函数 :is() 和 :where()示例详解
Aug 05 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实现Mysql读写分离
2013/06/28 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
Div Select挡住的解决办法
2008/08/07 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
vue使用axios实现文件上传进度的实时更新详解
2017/12/20 Javascript
JavaScript中的E-mail 地址格式验证
2018/03/28 Javascript
浅谈从React渲染流程分析Diff算法
2018/09/08 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
浅析Git版本控制器使用
2017/12/10 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
单位办理社保介绍信
2014/01/10 职场文书
毕业生求职信的经典写法
2014/01/31 职场文书
领导班子党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书