☰

Youtube Space=Pause

Pressing space when watching a video on Youtube will always pause the video instead of functioning like Page Down key.

// ==UserScript==
// @name        Youtube Space=Pause
// @namespace   s4nji
// @author      s4nji
// @description Pressing space when watching a video on Youtube will always pause the video instead of functioning like Page Down key.
// @license     CC0
// @include     https://www.youtube.com/watch*
// @version     2
// @grant       none
// ==/UserScript==


/* - - - - - *\
 * Variables *
\* - - - - - */
var inputFocus = false;
var debug = false;


/* - - - - - - - - - *\ 
 * Utility Functions *
\* - - - - - - - - - */
// Debug Console Logging
function clog(msg) {
	if (debug) {
		console.log("YtS=P | "+msg);
	}
}

// Run codes "unsafely"
function contentEval(source) {
	"use strict";
	
	// Check for function input.
	if ('function' === typeof source) {
		// Execute this function with no arguments, by adding parentheses.
		// One set around the function, required for valid syntax, and a
		// second empty set calls the surrounded function.
		source = '(' + source + ')();';
	}

	// Create a script node holding this  source code.

	var script = document.createElement('script');
	script.setAttribute("type", "application/javascript");
	script.textContent = source;

	// Insert the script node into the page, so it will run, and immediately
	// remove it to clean up.
	document.body.appendChild(script);
	document.body.removeChild(script);
}

// Set inputFocus to true if an input box is on focus
function setInputFocus(bool) {
	"use strict";
	
	return function() {
		if ( typeof bool === "boolean" ) {
			inputFocus = bool;
			clog("inputFocus = " + inputFocus);
		}
	};
}

// Add Event Listeners
function hookInputFocus() {
	"use strict";
	
	var inputs = document.querySelectorAll("input"), i;
	for (i=0; i<inputs.length; i+=1) {
		inputs[i].addEventListener('focus', setInputFocus(true));
		inputs[i].addEventListener('blur', setInputFocus(false));
		clog("hooked "+i+"!");
	}
}

/* - - - - - - - *\ 
 * Main Function *
\* - - - - - - - */
function main() {
	"use strict";
	
	document.body.addEventListener('keydown', function(event) {
		clog("inputFocus == " + inputFocus);
		
		if (event.keyCode === 32 && !inputFocus) {
			event.preventDefault();
			
			var status = document.querySelector("#movie_player").getPlayerState();
			if ( status === 1 || status === 3 ) {
				contentEval('document.querySelector("#movie_player").pauseVideo();');
			} else if ( status === 2 || status === 0 ) {
				contentEval('document.querySelector("#movie_player").playVideo();');
			}
			
			// N/A (-4), unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5). 
			
		}
	});
	
	hookInputFocus();
}

// Start on load
document.addEventListener('DOMContentLoaded', main() );