fullscreen api wrapper draft

gistfile1.txt

(function ($) {

var venderApis = {
  'fullscreenEnabled': {
    request:   'requestFullscreen'
    , exit:    'exitFullscreen'
    , element: 'fullscreenElement'
  }
  , 'mozFullScreenEnabled': {
    request:   'mozRequestFullScreen'
    , exit:    'mozCancelFullScreen'
    , element: 'mozFullScreenElement'
  }
  , 'webkitFullscreenEnabled': {
    request:   'webkitRequestFullscreen'
    , exit:    'webkitExitFullscreen'
    , element: 'webkitFullscreenElement'
  }
};

var venderApi;
for ( var propname in venderApis ) {
  if ( document[propname] ) {
    $.fullscreenEnabled = true;
    venderApi = venderApis[propname];
    break;
  }
}

if ( $.fullscreenEnabled ) {
  var request = venderApi.request;
  $.fn.requestFullscreen = function () {
    $(this).get(0)[request]();
    return this;
  };

  $.exitFullscreen = function () {
    document[ venderApi.exit ]();
  }

  $.fullscreenElement = function () {
    var elem = document[ venderApi.element ];
    return $( elem );
  }

  $.extend( $.expr[':'], {
    fullscreen: function(element) {
      return document[ venderApi.element ] && element === document[ venderApi.element ];
    }
  });
}
else {
  $.fn.requestFullscreen = $.exitFullscreen = function () {
    console.info("Fullscreen API isn't supported");
  }

  $.extend( $.expr[':'], {
    fullscreen: function() { return false }
  });
}

})(jQuery);