• 售前

  • 售后

热门帖子
入门百科

检测浏览器是否支持html5视频的代码

[复制链接]
孙悟空748 显示全部楼层 发表于 2021-10-25 19:52:54 |阅读模式 打印 上一主题 下一主题
在http://www.w3school.com.cn学习html5的时间,看到一个检测您的浏览器是否支持 HTML5 视频的方法:
运行效果:
1.在EditPlus中运行


2.在chrome浏览器中运行


=======================================================
代码部门:
=======================================================

复制代码代码如下:
<!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)
     {
     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>
<body>
<p>检测您的浏览器是否支持 HTML5 视频:</p>
<div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0;">
<button  style="font-family:Arial, Helvetica, sans-serif;">Check</button>
</div>
</body>
</html>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作