• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    检测浏览器是否支持html5视频的代码

    在http://www.w3school.com.cn学习html5的时候,看到一个检测您的浏览器是否支持 HTML5 视频的方法:

    运行效果:

    1.在EditPlus中运行

    2.在chrome浏览器中运行

    =======================================================

    代码部分:

    =======================================================

    复制代码
    代码如下:

    <!DUCTYPE HTML>
    <html>
    <script type="text/javascript">
    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."
    }
    }
    </script>
    <body>
    <p>检测您的浏览器是否支持 HTML5 视频:</p>
    <div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0;">
    <button onclick="checkVideo()" style="font-family:Arial, Helvetica, sans-serif;">Check</button>
    </div>
    </body>
    </html>

    上一篇:html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
    下一篇:Html5实现如何在两个div元素之间拖放图像
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    检测浏览器是否支持html5视频的代码 检测,浏览器,是否,支持,