fullscreen

test.js

function gimmeFullscreenMethod(){
  var el = document.documentElement, openMethod, cancelMethod, video;
  
  openMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
  cancelMethod =  document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msCancelFullScreen;
  
  if( openMethod ){
    return {
      open: openMethod,
      cancel: cancelMethod,
      type: "document"
    };
  }
  
  video = document.createElement( "video" );
  openMethod = video.enterFullScreen || video.webkitEnterFullScreen || video.mozEnterFullScreen || video.msEnterFullScreen;
  cancelMethod = video.cancelFullScreen || video.el.webkitCancelFullScreen || video.mozCancelFullScreen || video.msCancelFullScreen;
  if( openMethod ){
    return {
      open: openMethod,
      cancel: cancelMethod,
      type: "video"
    };
  }
}

usage.js

var fullscreen = gimmeFullscreenMethod();

if( fullscreen && fullscreen.type === "document" ){
  fullscreen.open.call( document.querySelector( ".video-wrapper-with-custom-controls" ) );
  // handle close button using `fullscreen.cancel` method
}
else if( fullscreen && fullscreen.type === "video" ){
  fullscreen.open.call( document.querySelector( "video" ) );
}
else{
  console.log( "sad panda:(" );
}

This is one of the ugliest coding styles I've ever seen in my entire life.

i <3 u