如何查看浏览器对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属性
Apr 17 HTML / CSS
如何利用CSS3制作3D效果文字具体实现样式
May 02 HTML / CSS
CSS中垂直居中的简单实现方法
Jul 06 HTML / CSS
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
Nov 30 HTML / CSS
HTML5之多线程(Web Worker)
Jan 02 HTML / CSS
HTML5 b和i标记将被赋予真正的语义
Jul 16 HTML / CSS
html5设计原理(推荐收藏)
May 17 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
Jan 20 HTML / CSS
canvas实现漂亮的下雨效果的示例
Apr 18 HTML / CSS
AmazeUI中模态框的实现
Aug 19 HTML / CSS
元素水平垂直居中的方式
Mar 31 HTML / CSS
CSS变量实现主题切换的方法
Jun 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中SESSION使用中的一点经验总结
2012/03/30 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
javascript制作2048游戏
2015/03/30 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
vue实现循环滚动列表
2020/06/30 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
讲解python参数和作用域的使用
2013/11/01 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
深入了解Django View(视图系统)
2019/07/23 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
Python正则表达式如何匹配中文
2020/05/27 Python
Python通过类的组合模拟街道红绿灯
2020/09/16 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
毕业自我鉴定
2013/11/05 职场文书
公关关系专员的自我评价分享
2013/11/20 职场文书
心理健康日活动总结
2014/05/08 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
承租经营合作者协议书
2014/10/01 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
MySQL创建管理LIST分区
2022/04/13 MySQL