引用js检测浏览器是否支持html5中的video标签的方法

发布时间：2023-11-03 14:36:58 所属栏目：教程来源：

导读：代码如下:

//检测是否支持HTML5

function checkVideo() {

if (!!document.createElement('video').canPlayType) {

var vidTest = document.createElement("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插件进行播放。

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!