检测浏览器是否支持html5视频的代码
在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 onclick="checkVideo()" style="font-family:Arial, Helvetica, sans-serif;
">
Check/button>
/div>
/body>
/html>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 检测浏览器是否支持html5视频的代码
本文地址: https://pptw.com/jishu/585164.html