怎么检测浏览器是否支持html5视频-创新互联

这篇文章主要为大家展示了“怎么检测浏览器是否支持html5视频”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“怎么检测浏览器是否支持html5视频”这篇文章吧。

成都创新互联-专业网站定制、快速模板网站建设、高性价比泗阳网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式泗阳网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖泗阳地区。费用合理售后完善，十余年实体公司更值得信赖。

运行效果：

1.在EditPlus中运行

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

2.在chrome浏览器中运行

怎么检测浏览器是否支持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视频”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网页标题：怎么检测浏览器是否支持html5视频-创新互联
新闻来源：https://www.cdcxhl.com/article38/coeosp.html

成都网站建设公司_创新互联，为您提供做网站、网站策划、服务器托管、定制网站、动态网站、网站收录

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容