jsを使ってブラウザがhttml 5の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;
    }
}
上記の方法で、現在のブラウザがHTML 5のVideoタグをサポートしているかどうかを判断し、MP 4形式での再生をサポートすることができます(Firefoxは著作権のため、H.264符号化のMP 4形式での再生はサポートされていないようです)。trueに戻ると、HTML 5のVideoを使ってビデオを再生し、falseに戻ることができます。Flashプラグインで再生します。この方法は一般的にビデオサイトに使用され、携帯電話、タブレットなどの機器に対応して、テレビ画面の再生を行います。主にIOS対応のためです。