使用JavaScript检测HTML5 Video标签支持性及格式兼容性

// 检测是否支持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;
    }
}

通过上述方法，可以判断当前浏览器是否支持HTML5 Video标签，并进一步确认其是否支持MP4格式播放（例如Firefox可能因版权原因不支持H.264编码的MP4）。若返回true，则可直接使用HTML5 Video播放视频；若返回false，则需回退至Flash插件播放。此方法常用于视频网站，以兼容手机、平板等设备，特别是针对IOS系统的兼容性优化。