如何查看浏览器对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 box-sizing属性使用参考指南
Jan 08 HTML / CSS
一款纯css3实现的鼠标悬停动画按钮
Dec 29 HTML / CSS
CSS中垂直居中的简单实现方法
Jul 06 HTML / CSS
css3media响应式布局实例
Jul 08 HTML / CSS
html5标记文字_动力节点Java学院整理
Jul 11 HTML / CSS
用canvas实现图片滤镜效果附演示
Nov 05 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
HTML5拖拽的简单实例
May 30 HTML / CSS
详解HTML5 data-* 自定义属性
Jan 24 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
Apr 14 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
Aug 20 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 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/01/02 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
在javascript中关于节点内容加强
2013/04/11 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
js Date概念详细介绍
2013/11/22 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
EasyUI学习之Combobox下拉列表(1)
2016/12/29 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
使用 Node.js 开发资讯爬虫流程
2018/01/07 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
如何实现js拖拽效果及原理解析
2020/05/08 Javascript
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
举例区分Python中的浅复制与深复制
2015/07/02 Python
Python 编码处理-str与Unicode的区别
2016/09/06 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python 变量初始化空列表的例子
2019/11/28 Python
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
高三毕业评语
2014/12/31 职场文书
护士求职自荐信范文
2015/03/04 职场文书