在http://HdhCmsTestw3school .COM .cn学习ht ML 5的时候，看到一个检测您的浏览器 是否 支持 HTML5 视频的方法：
运行效果：
1.在Ed IT Plus中运行
2.在ch rom e浏览器中运行
=== == ==================================================
代码部分：
=======================================================
复制代码
代码如下:
<!DUCTY PE HTML>
<html>
<script type="text/javascript">
function checkVideo()
{
if(!!document.createElement('video').can play Type)
{
VAR vid test =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==" PR obably")
{
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="m arg in:10px 0 0 0; border:0; padding:0;">
<button onclick="checkVideo()" style="font-f ami ly:Arial, Helvetica, sans -s erif;">Check</button>
</div>
</body>
</html>
总结
以上是 为你收集整理的 检测浏览器是否支持html5视频的代码 全部内容，希望文章能够帮你解决 检测浏览器是否支持html5视频的代码 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于检测浏览器是否支持html5视频的代码的详细内容...