檢測瀏覽器是否支持html5視頻的代碼
發(fā)布時間：2013-03-28 15:27:27 作者：佚名 
我要評論
我要評論學習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>
相關(guān)文章
- 這篇文章主要給大家總結(jié)介紹了關(guān)于HTML5中視頻音頻的使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
- 本篇文章主要介紹了HTML5+CSS3模仿優(yōu)酷視頻截圖功能示例，在用戶上傳完成后，可以對播放的視頻進行截圖，非常具有實用價值，需要的朋友可以參考下。2017-01-05
- 本篇文章主要介紹了canvas與html5實現(xiàn)視頻截圖功能示例，非常具有實用價值，需要的朋友可以參考下。2016-12-15
- 這里主要研究的是通過應用html5來解決視頻播放的問題。Adobe公司因為戰(zhàn)略錯誤，忽視了移動互聯(lián)這塊，移動終端對flash支持并不好，特別是蘋果終端都不支持flash（蘋果電腦和2016-11-06
HTML5頁面音視頻在微信和app下自動播放的實現(xiàn)方法
現(xiàn)在大部分的H5頁面都有實現(xiàn)播放背景音樂，播放視頻功能。那怎么實現(xiàn)自動播放呢？下面小編給大家?guī)砹薍TML5頁面音視頻在微信和app下自動播放的實現(xiàn)方法2016-10-20- 下面小編就為大家?guī)硪黄獪\談Html5中視頻 音頻標簽 進度條的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-26
使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法
這篇文章主要介紹了使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法,2016-02-22- 這篇文章主要介紹了基于HTML5的在線視頻播放方案,討論了編碼和瀏覽器支持等相關(guān)方面的問題,需要的朋友可以參考下2016-02-18
- 這篇文章主要介紹了HTML5中的音頻和視頻媒體播放元素小結(jié),是網(wǎng)站頁面多媒體開發(fā)的基礎(chǔ)知識,需要的朋友可以參考下2016-01-29
- 這篇文章主要介紹了用HTML5制作視頻拼圖的教程,主要用到了HTML5的Canvas API,需要的朋友可以參考下2015-05-13