Youtube: UpDown to Scroll

Scroll up/down when using home/end/up/down arrow/page up/page down instead of controlling the volume.

  1. // ==UserScript==
  2. // @name Youtube: UpDown to Scroll
  3. // @description Scroll up/down when using home/end/up/down arrow/page up/page down instead of controlling the volume.
  4. // @author Chris H (Zren)
  5. // @icon https://youtube.com/favicon.ico
  6. // @namespace http://xshade.ca
  7. // @version 5
  8. // @include http*://*.youtube.com/*
  9. // @include http*://youtube.com/*
  10. // @include http*://*.youtu.be/*
  11. // @include http*://youtu.be/*
  12. // ==/UserScript==
  13.  
  14. window.addEventListener('keydown', function(e) {
  15. var validTarget = e.target.id === 'movie_player' || e.target.id === 'player-api' || e.target.className === 'ytp-progress-bar'
  16. if (validTarget) {
  17. if (e.keyCode === 33) { // PageUp
  18. e.stopPropagation()
  19. } else if (e.keyCode === 34) { // PageDown
  20. e.stopPropagation()
  21. } else if (e.keyCode === 35) { // End
  22. e.stopPropagation()
  23. } else if (e.keyCode === 36) { // Home
  24. e.stopPropagation()
  25. } else if (e.keyCode === 38) { // ArrowUp
  26. e.stopPropagation()
  27. } else if (e.keyCode === 40) { // ArrowDown
  28. e.stopPropagation()
  29. }
  30. }
  31. }, true);