Center a video element in full screen mode

fullscreen-video.js

/**
 * Set the video sizes
 */
var videoWith   = 1280,
    videoHeight = 720;

/**
 * The magic
 */
var	videoRatio  	= videoHeight / videoWith,
	videoNewHeight 	= $(window).width() * videoRatio;

if(videoNewHeight > $(window).height()){
	$('video')
		.css({
			width     : $(window).width() * 1.05,
			height 	  : ($(window).width() * 1.05) * videoRatio,
			marginTop : (0 - ((($('video').height() - ($(window).height() * 1.05) ) / 2) * 1.05)) + 'px',
			marginLeft: 0
		})
} else {
	$('video')
		.css({
			width     : '',
			height    : $(window).height() * 1.05,
			marginTop : 0,
			marginLeft: (0 - ((($('video').width() - ($(window).width() * 1.05) ) / 2) * 1.05)) + 'px'
		})
}