亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

  發(fā)布時(shí)間：2013-03-28 15:27:27   作者：佚名   我要評論
學(xué)習(xí)w3c是看到一個(gè)檢測您的瀏覽器是否支持 HTML5 視頻的方法，在這里與大家分享下，感興趣的各位可以參考下哈，希望可以幫助到你

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

運(yùn)行效果：

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

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

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

代碼部分：

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

復(fù)制代碼
代碼如下:

<!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)文章

  • HTML5中視頻音頻的使用詳解

    這篇文章主要給大家總結(jié)介紹了關(guān)于HTML5中視頻音頻的使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
    2017-07-07

  • HTML5+CSS3模仿優(yōu)酷視頻截圖功能示例

    本篇文章主要介紹了HTML5+CSS3模仿優(yōu)酷視頻截圖功能示例，在用戶上傳完成后，可以對播放的視頻進(jìn)行截圖，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
    2017-01-05

  • canvas與html5實(shí)現(xiàn)視頻截圖功能示例

    本篇文章主要介紹了canvas與html5實(shí)現(xiàn)視頻截圖功能示例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
    2016-12-15

  • html5 視頻播放解決方案

    這里主要研究的是通過應(yīng)用html5來解決視頻播放的問題。Adobe公司因?yàn)閼?zhàn)略錯(cuò)誤，忽視了移動(dòng)互聯(lián)這塊，移動(dòng)終端對flash支持并不好，特別是蘋果終端都不支持flash（蘋果電腦和
    2016-11-06

  • HTML5頁面音視頻在微信和app下自動(dòng)播放的實(shí)現(xiàn)方法

    現(xiàn)在大部分的H5頁面都有實(shí)現(xiàn)播放背景音樂，播放視頻功能。那怎么實(shí)現(xiàn)自動(dòng)播放呢？下面小編給大家?guī)砹薍TML5頁面音視頻在微信和app下自動(dòng)播放的實(shí)現(xiàn)方法
    2016-10-20

  • 淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題

    下面小編就為大家?guī)硪黄獪\談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-26

  • 使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法

    這篇文章主要介紹了使用HTML5在網(wǎng)頁中嵌入音頻和視頻播放的基本方法,
    2016-02-22

  • 淺談基于HTML5的在線視頻播放方案

    這篇文章主要介紹了基于HTML5的在線視頻播放方案,討論了編碼和瀏覽器支持等相關(guān)方面的問題,需要的朋友可以參考下
    2016-02-18

  • HTML5中的音頻和視頻媒體播放元素小結(jié)

    這篇文章主要介紹了HTML5中的音頻和視頻媒體播放元素小結(jié),是網(wǎng)站頁面多媒體開發(fā)的基礎(chǔ)知識,需要的朋友可以參考下
    2016-01-29

  • 用HTML5制作視頻拼圖的教程

    這篇文章主要介紹了用HTML5制作視頻拼圖的教程,主要用到了HTML5的Canvas API,需要的朋友可以參考下
    2015-05-13

最新評論