溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5視頻支持檢測(cè)的方法

發(fā)布時(shí)間：2022-03-01 16:40:43 來源：億速云 閱讀：141 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“HTML5視頻支持檢測(cè)的方法”，在日常操作中，相信很多人在HTML5視頻支持檢測(cè)的方法問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”HTML5視頻支持檢測(cè)的方法”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

代碼如下:

<STRONG>現(xiàn)在越來越多的網(wǎng)站都提供視頻播放（非插件）。HTML5 提供了展示視頻的標(biāo)準(zhǔn)。那么如何檢查你得瀏覽器是否支持視頻播放呢，下面我們來寫一個(gè)列子。

代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<body>

<h2>HTML 5 視頻</h2>

<p>檢測(cè)您的瀏覽器是否支持 HTML5 視頻：</p>

<div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0;">

<button style="font-family:Arial, Helvetica, sans-serif;" onclick="checkVideo()">Check</button>

</div>

</div>

</body>

</html>

下邊是js代碼：

代碼如下:

function checkVideo()

{

if(!!document.createElement('video').canPlayType)

{

//創(chuàng)建video元素

var vidTest=document.createElement("video");

//檢測(cè)是否可以播放ogg格式的視頻

oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');

if (!oggTest)

{

//檢測(cè)是否可以播放MP4格式的視頻

h364Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');

if (!h364Test)

{

document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."

}

else

{

if (h364Test=="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."

}

}

代碼如下:

canPlayType方法說明：

1.定義：檢測(cè)瀏覽器是否能播放指定的音頻/視頻類型。

2.返回值：

"probably" ,表示瀏覽器最可能支持該視頻或音頻。

"maybe" ,表示瀏覽器可能支持該視頻或音頻。

"" (空字符串),表示瀏覽器不支持該視頻或音頻。

注：Internet Explorer 8 以及更早版本不支持該方法。

語法：audio|video.canPlayType(type))

參數(shù)說明:

type:要檢測(cè)的音頻或視頻類型，

常用值：video/ogg;video/mp4;video/webm; audio/mpeg;audio/ogg;audio/mp4

常用值（包括要檢測(cè)的音頻或視頻編解碼器）：

video/ogg; codecs="theora, vorbis"

video/mp4; codecs="avc1.4D401E, mp4a.40.2"

video/webm; codecs="vp8.0, vorbis"

audio/ogg; codecs="vorbis"

audio/mp4; codecs="mp4a.40.5"

到此，關(guān)于“HTML5視頻支持檢測(cè)的方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手