如何查看浏览器对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写的模仿iPhone中的返回按钮
Apr 04 HTML / CSS
基于CSS3实现的黑色个性导航菜单效果
Sep 14 HTML / CSS
CSS3实现超酷的黑猫警长首页
Apr 26 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
Jan 06 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 HTML / CSS
检测浏览器对HTML5和CSS3支持度的方法
Jun 25 HTML / CSS
整理HTML5的一些新特性与Canvas的常用属性
Jan 29 HTML / CSS
使用HTML5 Canvas为图片填充颜色和纹理的教程
Mar 21 HTML / CSS
AmazeUI图片轮播效果的示例代码
Aug 20 HTML / CSS
HTML5来实现本地文件读取和写入的实现方法
May 25 HTML / CSS
使用CSS自定义属性实现骨架屏效果
Jun 21 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编程效率的53个要点(经验小结)
2010/09/04 PHP
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
2011/02/08 PHP
如何用php获取程序执行的时间
2013/06/09 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
Vue.js系列之项目搭建(1)
2017/01/03 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
js实现有趣的倒计时效果
2021/01/19 Javascript
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
python直接获取API传递回来的参数方法
2018/12/17 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
如何写python的配置文件
2020/06/07 Python
新学期红领巾广播稿
2014/01/14 职场文书
办理护照介绍信
2014/01/16 职场文书
优秀班组长事迹
2014/05/31 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
质检员工作总结2015
2015/04/25 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android