• 判断浏览器是否支持HTML5 video


      话不多说,下面是我从W3C扒的判断浏览器是是否支持H5视频的代码,有需要的小伙伴,拿走不谢

      HTML

    <div id="checkVideoResult"><button onclick="checkVideo()">检测</button></div>

      JS (代码格式是整理过的,不过复制进来就这样了,小伙伴们自己格式化一下哈)

    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 = "抱歉你的浏览器不支持HTML5 video标签!."
                            } else {
                                if(h264Test == "probably") {
                                    document.getElementById("checkVideoResult").innerHTML = "非常棒!你的浏览器支持HTML5 video标签!";
                                } else {
                                    document.getElementById("checkVideoResult").innerHTML = "Meh. Some support.";
                                }
                            }
                        } else {
                            if(oggTest == "probably") {
                                document.getElementById("checkVideoResult").innerHTML = "非常棒!你的浏览器支持HTML5 video标签!";
                            } else {
                                document.getElementById("checkVideoResult").innerHTML = "Meh. Some support.";
                            }
                        }
                    } else {
                        document.getElementById("checkVideoResult").innerHTML = "Sorry. No video support."
                    }
                }
  • 相关阅读:
    造出最好的 CMS 轮子
    搭建开发框架Express,实现Web网站登录验证
    QueryOver<T>
    NVelocity
    .NET 相依性注入
    Unity 3.5
    java socket 的参数选项解读(转)
    换种方式去分页(转)
    上海市居住证办理材料及流程
    java动态代理
  • 原文地址:https://www.cnblogs.com/tu-0718/p/9657891.html
Copyright © 2020-2023  润新知