美文网首页
判断浏览器是否支持HTML5

判断浏览器是否支持HTML5

作者: 只想单纯的码代码 | 来源:发表于2019-11-05 14:48 被阅读0次
<script type="text/javascript"> 
function checkVideo()
{
if(!!document.createElement('video').canPlayType)
  {
  var vidTest=document.createElement("video");
  oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
  if (!oggTest)
    {
    h264Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
    if (!h264Test)
      {
      document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
      }
    else
      {
      if (h264Test=="probably")
        {
        document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
        }
      else
        {
        document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
        }
      }
    }
  else
    {
    if (oggTest=="probably")
      {
      document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
      }
    else
      {
      document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
      }
    }
  }
else
  {
  document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
  }
}
</script>

相关文章

  • 图片上传兼容到ie8

    判断该浏览器是否支持windows.FileReader HTML5的FileReader接口支持本地预览,Fil...

  • Html5之localStorage

    localStorage是Html5新加入的特性,这个特性主要用来做浏览器本地存储 一、判断浏览器是否支持loca...

  • 检试浏览器类型常用代码

    检测是否是微信浏览器 js判断是否移动端及浏览器内核 检测浏览器是否支持svg 检测浏览器是否支持canvas

  • 判断浏览器是否支持HTML5

  • canvas 必须懂的方法

    验证浏览器是否支持 Your browser does not support HTML5 Canvas. f...

  • h5获取地理位置

    var city; function getCity() { //判断浏览器是否支持geolocation if(...

  • HTML5 浏览器支持

    您可以帮助老版本浏览器处理HTML5 HTML5 浏览器支持 所有现代浏览器都支持HTML5。此外,所有浏览器,不...

  • CSS工具集

    测试浏览器对HTML5/CSS3支持度 caniuse 动态测试HTML5/CSS特性是否到位 modernizr...

  • 前端面试每日 3+1 —— 第160天

    今天的知识点 (2019.09.23) —— 第160天 [html] 怎么检测浏览器是否支持HTML5特性? [...

  • HTML5支持

    HTML5浏览器支持 所有现代浏览器都支持HTML5。 此外,所有浏览器,不论新旧,都会自动把未识别元素当做行内元...

网友评论

      本文标题:判断浏览器是否支持HTML5

      本文链接:https://www.haomeiwen.com/subject/qvosbctx.html