日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

檢測(cè)瀏覽器是否支持html5視頻的代碼_HTML5教程

編輯Tag賺U幣

推薦:Javascript 高級(jí)手勢(shì)使用介紹
在IE10中新加入的對(duì)高級(jí)用戶輸入的識(shí)別支持,舉例說明:注冊(cè)一個(gè)點(diǎn)擊操作,通過一句addEventListener 就能夠知道當(dāng)前用戶的點(diǎn)擊是哪種設(shè)備,是手指的點(diǎn)擊,是鼠標(biāo)的單擊還是觸控筆的點(diǎn)擊(平板設(shè)備都會(huì)帶有觸控筆)

在http://www.w3school.com.cn學(xué)習(xí)html5的時(shí)候,看到一個(gè)檢測(cè)您的瀏覽器是否支持 HTML5 視頻的方法:

運(yùn)行效果:

1.在EditPlus中運(yùn)行

2.在chrome瀏覽器中運(yùn)行

=======================================================

代碼部分:

=======================================================

復(fù)制代碼 代碼如下:hl5o.cn

<!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==" {
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>檢測(cè)您的瀏覽器是否支持 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>


分享:關(guān)于HTML5的22個(gè)初級(jí)技巧(圖文教程)
HTML5來了.讓我們看一下有什么技巧

來源:未知//所屬分類:HTML5教程/更新時(shí)間:2013-04-22
相關(guān)HTML5教程