☰

Youtube Space=Pause

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

  1. // ==UserScript==
  2. // @name        Youtube Space=Pause
  3. // @namespace   s4nji
  4. // @author      s4nji
  5. // @description Pressing space when watching a video on Youtube will always pause the video instead of functioning like Page Down key.
  6. // @license     CC0
  7. // @include     https://www.youtube.com/watch*
  8. // @version     2
  9. // @grant       none
  10. // ==/UserScript==
  11.  
  12.  
  13. /* - - - - - *\
  14.  * Variables *
  15. \* - - - - - */
  16. var inputFocus = false;
  17. var debug = false;
  18.  
  19.  
  20. /* - - - - - - - - - *\ 
  21.  * Utility Functions *
  22. \* - - - - - - - - - */
  23. // Debug Console Logging
  24. function clog(msg) {
  25. 	if (debug) {
  26. 		console.log("YtS=P | "+msg);
  27. 	}
  28. }
  29.  
  30. // Run codes "unsafely"
  31. function contentEval(source) {
  32. 	"use strict";
  33. 	
  34. 	// Check for function input.
  35. 	if ('function' === typeof source) {
  36. 		// Execute this function with no arguments, by adding parentheses.
  37. 		// One set around the function, required for valid syntax, and a
  38. 		// second empty set calls the surrounded function.
  39. 		source = '(' + source + ')();';
  40. 	}
  41.  
  42. 	// Create a script node holding this  source code.
  43.  
  44. 	var script = document.createElement('script');
  45. 	script.setAttribute("type", "application/javascript");
  46. 	script.textContent = source;
  47.  
  48. 	// Insert the script node into the page, so it will run, and immediately
  49. 	// remove it to clean up.
  50. 	document.body.appendChild(script);
  51. 	document.body.removeChild(script);
  52. }
  53.  
  54. // Set inputFocus to true if an input box is on focus
  55. function setInputFocus(bool) {
  56. 	"use strict";
  57. 	
  58. 	return function() {
  59. 		if ( typeof bool === "boolean" ) {
  60. 			inputFocus = bool;
  61. 			clog("inputFocus = " + inputFocus);
  62. 		}
  63. 	};
  64. }
  65.  
  66. // Add Event Listeners
  67. function hookInputFocus() {
  68. 	"use strict";
  69. 	
  70. 	var inputs = document.querySelectorAll("input"), i;
  71. 	for (i=0; i<inputs.length; i+=1) {
  72. 		inputs[i].addEventListener('focus', setInputFocus(true));
  73. 		inputs[i].addEventListener('blur', setInputFocus(false));
  74. 		clog("hooked "+i+"!");
  75. 	}
  76. }
  77.  
  78. /* - - - - - - - *\ 
  79.  * Main Function *
  80. \* - - - - - - - */
  81. function main() {
  82. 	"use strict";
  83. 	
  84. 	document.body.addEventListener('keydown', function(event) {
  85. 		clog("inputFocus == " + inputFocus);
  86. 		
  87. 		if (event.keyCode === 32 && !inputFocus) {
  88. 			event.preventDefault();
  89. 			
  90. 			var status = document.querySelector("#movie_player").getPlayerState();
  91. 			if ( status === 1 || status === 3 ) {
  92. 				contentEval('document.querySelector("#movie_player").pauseVideo();');
  93. 			} else if ( status === 2 || status === 0 ) {
  94. 				contentEval('document.querySelector("#movie_player").playVideo();');
  95. 			}
  96. 			
  97. 			// N/A (-4), unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5). 
  98. 			
  99. 		}
  100. 	});
  101. 	
  102. 	hookInputFocus();
  103. }
  104.  
  105. // Start on load
  106. document.addEventListener('DOMContentLoaded', main() );