如何查看浏览器对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 02 HTML / CSS
HTML5+CSS3实例 :canvas 模拟实现电子彩票刮刮乐代码
Dec 30 HTML / CSS
用css3写出气球样式的示例代码
Sep 11 HTML / CSS
详解CSS3选择器:nth-child和:nth-of-type之间的差异
Sep 18 HTML / CSS
使用CSS3实现字体颜色渐变的实现
Aug 10 HTML / CSS
CSS3 实现弹跳的小球动画
Oct 26 HTML / CSS
canvas实现图片马赛克的示例代码
Mar 26 HTML / CSS
Html5实现单张、多张图片上传功能
Apr 28 HTML / CSS
如何避免常见的6种HTML5错误用法
Nov 06 HTML / CSS
canvas绘制视频封面的方法
Feb 05 HTML / CSS
JavaScript+Canvas实现自定义画板的示例代码
May 13 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
Sep 27 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
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
php实现Mysql简易操作类
2015/10/11 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
我的javascript 函数链之演变
2011/04/07 Javascript
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
JS按回车键实现登录的方法
2014/08/25 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
常用DOM整理
2015/06/16 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
python类参数self使用示例
2014/02/17 Python
下载给定网页上图片的方法
2014/02/18 Python
Python快速排序算法实例分析
2017/11/29 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Python zip函数打包元素实例解析
2019/12/11 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
用CSS3绘制三角形的简单方法
2015/07/17 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
生物技术专业毕业生求职信范文
2013/12/14 职场文书
商务会议邀请函
2014/01/09 职场文书
会计专业大学生职业生涯规划范文
2014/01/11 职场文书
投标承诺书范本
2014/03/27 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
Python上下文管理器Content Manager
2021/06/26 Python