JS检测浏览器是否支持HTML5视频播放 (标签<video>) ,

最新推荐文章于 2024-05-13 10:51:55 发布

weixin_30710457

最新推荐文章于 2024-05-13 10:51:55 发布

阅读量525

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/jinimy/p/4680803.html

版权

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) {
                document.getElementById("checkVideoResult").innerHTML = "Sorry. No video support.";
            } else {
                if (h264Test == "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.";
    }
}