首頁  >  文章  >  web前端  >  使用js偵測瀏覽器是否支援html5中的video標籤的方法_javascript技巧

使用js偵測瀏覽器是否支援html5中的video標籤的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:55:391057瀏覽

複製程式碼 程式碼如下:

//偵測是否支援HTML5


//偵測是否支援HTML5


//偵測是否支援HTML5
) {
    if (!!document.createElement('video').canPlayType) {
        var vidTest = document.createElement("video"))        if (!oggTest) {
            h264Test = vidT.can        h264Test = vidTest.canPlayType('r/mp    h264Test = vidTest.canPlayType('Rvid/mp4.4 🎜> if (!h264Test) {
                return false;
                        if (h264Test == "probably") {
                }
                else {
                           }
        else {
            if (ogg 🎜>            }
            else {
               return false;
           🎜>        return false;
    }
}



用上述的辦法可以判斷目前瀏覽器是否支援HTML5中的Video標籤,並能支援使用MP4格式進行播放(因為Firefox貌似因為版權原因,不支援以H.264編碼的MP4格式播放),如果返回true,則可以使用HTML5中的Video進行播放視頻,返回false,則用Flash插件進行播放。
此方法一般用於影片網站,相容於手機,平板等裝置進行視屏的播放,主要還是為了相容IOS;
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn