使用js檢測(cè)瀏覽器是否支持html5中的video標(biāo)簽的方法
//檢測(cè)是否支持HTML5
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) {
return false;
}
else {
if (h264Test == "probably") {
return true;
}
else {
return false;
}
}
}
else {
if (oggTest == "probably") {
return true;
}
else {
return false;
}
}
}
else {
return false;
}
}
用上述的辦法可以判斷當(dāng)前瀏覽器是否支持HTML5中的Video標(biāo)簽,并能支持使用MP4格式進(jìn)行播放(因?yàn)镕irefox貌似因?yàn)榘鏅?quán)原因,不支持以H.264編碼的MP4格式播放),如果返回true,則可以使用HTML5中的Video進(jìn)行播放視頻,返回false,則用Flash插件進(jìn)行播放。
此方法一般用于視頻網(wǎng)站,兼容手機(jī),平板等設(shè)備進(jìn)行視屏的播放,主要還是為了兼容IOS;
相關(guān)文章
JavaScript實(shí)現(xiàn)時(shí)間表動(dòng)態(tài)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)時(shí)間表動(dòng)態(tài)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
javascript 設(shè)置文本框中焦點(diǎn)的位置
設(shè)置文本框中焦點(diǎn)的位置的實(shí)現(xiàn)代碼2009-11-11
three.js利用射線Raycaster進(jìn)行碰撞檢測(cè)
這篇文章主要為大家詳細(xì)介紹了three.js利用射線Raycaster進(jìn)行碰撞檢測(cè),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03
微信小程序iBeacon測(cè)距及穩(wěn)定程序的實(shí)現(xiàn)解析
這篇文章主要介紹了微信小程序iBeacon測(cè)距及穩(wěn)定程序的實(shí)現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
Javascript base64編碼實(shí)現(xiàn)代碼
Javascript base64編碼實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12

