溫馨提示×

溫馨提示×

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

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

HTML5視頻播放是否支持檢測

發(fā)布時間：2021-10-08 14:15:35 來源：億速云 閱讀：98 作者：柒染 欄目：web開發(fā)

HTML5視頻播放是否支持檢測，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。


代碼如下:


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

代碼如下:


<!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>檢測您的瀏覽器是否支持 HTML5 視頻：</p>
<div id="checkVideoResult" >
<button  onclick="checkVideo()">Check</button>
</div>
</div>
</body>
</html>


下邊是js代碼：

代碼如下:


function checkVideo()
{
if(!!document.createElement('video').canPlayType)
{
//創(chuàng)建video元素
var vidTest=document.createElement("video");
//檢測是否可以播放ogg格式的視頻
oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
//檢測是否可以播放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.定義：檢測瀏覽器是否能播放指定的音頻/視頻類型。
2.返回值：
"probably" ,表示瀏覽器最可能支持該視頻或音頻。
"maybe" ,表示瀏覽器可能支持該視頻或音頻。
"" (空字符串),表示瀏覽器不支持該視頻或音頻。
注：Internet Explorer 8 以及更早版本不支持該方法。
語法：audio|video.canPlayType(type))
參數(shù)說明:
type:要檢測的音頻或視頻類型，
常用值：video/ogg;video/mp4;video/webm; audio/mpeg;audio/ogg;audio/mp4
常用值（包括要檢測的音頻或視頻編解碼器）：
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"

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。

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

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

AI
助
手