檢測瀏覽器是否支持html5視頻的代碼_HTML5教程
推薦：Javascript 高級手勢使用介紹在IE10中新加入的對高級用戶輸入的識別支持，舉例說明：注冊一個點擊操作，通過一句addEventListener 就能夠知道當前用戶的點擊是哪種設備，是手指的點擊，是鼠標的單擊還是觸控筆的點擊（平板設備都會帶有觸控筆）
在http://www.w3school.com.cn學習html5的時候，看到一個檢測您的瀏覽器是否支持 HTML5 視頻的方法：
運行效果：
1.在EditPlus中運行
2.在chrome瀏覽器中運行
=======================================================
代碼部分：
=======================================================
復制代碼 代碼如下:m.ghpqjb.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>
分享：關于HTML5的22個初級技巧(圖文教程)HTML5來了.讓我們看一下有什么技巧
相關HTML5教程：
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網易微博Web App用HTML5開發的過程介紹
- HTML5 對各個標簽的定義與規定：body的介紹
- 關于HTML5的安全問題開發人員需要牢記的
- 關于HTML5的22個初級技巧(圖文教程)
- 開發人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數據庫的SQL語句的使用方法
- HTML5實踐-圖片設置成灰度圖
- HTML5安全介紹之內容安全策略（CSP）簡介
- HTML5 Web存儲方式的localStorage和sessionStorage進行數據本地存儲案例應用
- Bootstrap 學習分享
- input元素的url類型和email類型簡介
- 相關鏈接：
- 教程說明：
HTML5教程-檢測瀏覽器是否支持html5視頻的代碼
。