rickycodes · August 29, 2015 13:59 · chee · Apr 14, 2014
diff --git a/gistfile1.js b/gistfile1.js
 (function(){
  var css = '#video-wrapper table {';
      css+= 'width: 101px;';
      css+= 'height: 101px;';
      css+= 'border: 1px solid red;';
      css+= 'position: absolute;';
      css+= 'top: 0;';
      css+= 'z-index: 999;';
      css+= '}';

      css+= '#video-wrapper table td {';
      css+= 'width: 30%;';
      css+= 'border-left: 1px solid red;';
      css+= 'border-bottom: 1px solid red;';
      css+= '}';

  var head = document.head || document.getElementsByTagName( 'head' )[ 0 ],
  style = document.createElement( 'style' );

  style.appendChild( document.createTextNode( css ) );
  head.appendChild( style );

  var wrapper = $( '#video-wrapper' );
  var table = wrapper.find( 'table' );
  
  if( table.length ) {
    table.remove();
    return;
  }
  
  var tableHTML = '<table><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>';
  wrapper.append( tableHTML );
 })();
	(function(){
	var css = '#video-wrapper table {';
	css+= 'width: 101px;';
	css+= 'height: 101px;';
	css+= 'border: 1px solid red;';
	css+= 'position: absolute;';
	css+= 'top: 0;';
	css+= 'z-index: 999;';
	css+= '}';

	css+= '#video-wrapper table td {';
	css+= 'width: 30%;';
	css+= 'border-left: 1px solid red;';
	css+= 'border-bottom: 1px solid red;';
	css+= '}';

	var head = document.head \|\| document.getElementsByTagName( 'head' )[ 0 ],
	style = document.createElement( 'style' );

	style.appendChild( document.createTextNode( css ) );
	head.appendChild( style );

	var wrapper = $( '#video-wrapper' );
	var table = wrapper.find( 'table' );

	if( table.length ) {
	table.remove();
	return;
	}

	var tableHTML = '<table><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>';
	wrapper.append( tableHTML );
	})();