学习w3c是看到一个检测您的浏览器是否支持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>
最新资讯
讯飞AI同传被指造假:译员亲自揭发 用人类翻译冒充AI

讯飞AI同传被指造假:译

一场国际会议上,的确出现了“AI同传”,来自知名语音识别
iPhone那么贵的10个秘密 让苹果继续飞一会儿

iPhone那么贵的10个秘

地球上只有两种手机,另一种是非iPhone的。
这届机器人,可以转行拍恐怖片了

这届机器人,可以转行拍

机器人另一大可怕之处,在于其可以变得很强大,并拥有人类
电商向科技公司的质变 贝索斯的世界没有闹钟

电商向科技公司的质变

如果你要创新必须愿意长时间被误解。
梁宁万字长文:美团的破局与开局

梁宁万字长文:美团的破

今天成立了八年的美团在香港上市,市值4000亿港币,约为51
王兴的四张面孔:copy者、强横者、反目者、创业者

王兴的四张面孔:copy者

美团点评今日上市,市值508亿美元,位列中国互联网市值第
最新文章
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿
用HTML5实现手机摇一摇的功能的教程

用HTML5实现手机摇一

手机上的摇一摇功能不错.怎么实现的呢