怎么检测浏览器是否支持html5视频

本文主要介绍"如何检测浏览器是否支持html5视频"，希望能够解决您遇到有关问题，下面我们一起来看这篇 "如何检测浏览器是否支持html5视频" 文章。

运行效果：

1.在EditPlus中运行

怎么检测浏览器是否支持html5视频

怎么检测浏览器是否支持html5视频

2.在chrome浏览器中运行

怎么检测浏览器是否支持html5视频

怎么检测浏览器是否支持html5视频

=======================================================

代码部分：

=======================================================

代码如下:


<!DUCTYPE HTML>
<html>
<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)
    {
    h364Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
    if (!h364Test)
      {
      document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
      }
    else
      {
      if (h364Test=="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>
<body>
<p>检测您的浏览器是否支持 HTML5 视频：</p>
<div id="checkVideoResult" >
<button onclick="checkVideo()" >Check</button>
</div>
</body>
</html>

关于 "如何检测浏览器是否支持html5视频" 就介绍到这。希望大家多多支持编程宝库。

本文讲解"css中height指的是什么"，希望能够解决您遇到的有关问题，下面我们来看这篇 "css中height指的是什么" 文章。在css中，height是元素高度的意思，是css中的一个属性；该属性用于 ...