欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

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

編輯Tag賺U幣

推薦：Javascript 高級手勢使用介紹
在IE10中新加入的對高級用戶輸入的識別支持，舉例說明：注冊一個點擊操作，通過一句addEventListener 就能夠知道當前用戶的點擊是哪種設(shè)備，是手指的點擊，是鼠標的單擊還是觸控筆的點擊（平板設(shè)備都會帶有觸控筆）

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

運行效果：

1.在EditPlus中運行

2.在chrome瀏覽器中運行

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

代碼部分：

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

復(fù)制代碼 代碼如下:m.dounai2.com

<!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>檢測您的瀏覽器是否支持 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個初級技巧(圖文教程)
HTML5來了.讓我們看一下有什么技巧

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