zoukankan      html  css  js  c++  java
  • 检测是否支持HTML5中的Video标签

     1 //检测是否支持HTML5
     2 function checkVideo() {
     3     if (!!document.createElement('video').canPlayType) {
     4         var vidTest = document.createElement("video");
     5         oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
     6         if (!oggTest) {
     7             h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
     8             if (!h264Test) {
     9                 return false;
    10             }
    11             else {
    12                 if (h264Test == "probably") {
    13                     return true;
    14                 }
    15                 else {
    16                     return false;
    17                 }
    18             }
    19         }
    20         else {
    21             if (oggTest == "probably") {
    22                 return true;
    23             }
    24             else {
    25                return false;
    26             }
    27         }
    28     }
    29     else {
    30         return false;
    31     }
    32 }

    用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签,并能支持使用MP4格式进行播放(因为Firefox貌似因为版权原因,不支持以H.264编码的MP4格式播放),如果返回true,则可以使用HTML5中的Video进行播放视频,返回false,则用Flash插件进行播放。

    此方法一般用于视频网站,兼容手机,平板等设备进行视屏的播放,主要还是为了兼容IOS;

  • 相关阅读:
    hortonworks
    使用Ambari快速部署Hadoop大数据环境
    js模板引擎
    Scala中的语言特性是如何实现的2
    IOS多线程编程一:概述
    Struts框架
    总体设计
    算法介绍
    社区与关怀
    从C#的Singleton设计模式
  • 原文地址:https://www.cnblogs.com/x1988z/p/3344025.html
Copyright © 2011-2022 走看看