☰

YouTube.com seek buttons (Mobile / Desktop)

Adds +-30sec +-1min +-5min buttons below the video. Works on mobile, tablet (m.youtube.com) and on desktop.

  1. // ==UserScript==
  2. // @name         YouTube.com seek buttons (Mobile / Desktop)
  3. // @namespace    m-youtube-com-seek-buttons
  4. // @version      1.6
  5. // @description  Adds +-30sec +-1min +-5min buttons below the video. Works on mobile, tablet (m.youtube.com) and on desktop.
  6. // @author       hlorand.hu
  7. // @match        https://m.youtube.com/*
  8. // @match        https://youtube.com/*
  9. // @match        https://*.youtube.com/*
  10. // @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
  11. // @grant        none
  12. // @license      https://creativecommons.org/licenses/by-nc-sa/4.0/
  13. // ==/UserScript==
  14.  
  15. // Screenshot: https://ibb.co/72YKQPn
  16.  
  17. (function() {
  18.     //'use strict';
  19.  
  20.     function addbuttons(){
  21.         document.getElementById("seekbuttons").innerText = "";
  22.  
  23.         const times = ["+300s", "+60s", "+30s", "-30s", "-60s", "-300s"];
  24.  
  25.         times.forEach((time)=>{
  26.             let button = document.createElement('button');
  27.             button.textContent = time;
  28.  
  29.             button.style.margin = "4px";
  30.             button.style.padding = "4px";
  31.             button.style.backgroundColor = "purple";
  32.             button.style.position = "relative";
  33.  
  34.             button.onclick = function() {
  35.                 let video = document.querySelector("video");
  36.  
  37.                 if(video && video.readyState >= 2) {
  38.                     video.currentTime += parseInt(this.textContent.replace("s",""));
  39.                 }
  40.             };
  41.  
  42.             let target = document.getElementById("seekbuttons");
  43.             target.insertBefore(button, target.firstChild);
  44.  
  45.         }); // end times foreach
  46.  
  47.     } // end addbuttons
  48.  
  49.     // Periodically check if the buttons are visible 
  50.     // (sometimes YouTube redraws its interface).
  51.     setInterval(()=>{
  52.         // Creating a div that will contain buttons.
  53.         if( document.getElementById("seekbuttons") == undefined ){
  54.             
  55.             // placement of buttons on desktop
  56.             let parent = document.getElementById('above-the-fold');
  57.  
  58.             // placement of buttons on tablet
  59.             if( !parent ){
  60.                 parent = document.querySelector('.watch-below-the-player');
  61.             }
  62.  
  63.             // placement of buttons on mobile
  64.             if( !parent ){
  65.                 parent = document.querySelector('.related-chips-slot-wrapper');
  66.             }
  67.  
  68.             let wrapper = document.createElement('div');
  69.             wrapper.setAttribute("id","seekbuttons");
  70.             parent.insertBefore(wrapper, parent.firstChild);
  71.             addbuttons();
  72.         }
  73.  
  74.         // Sometimes the buttons are not added, so I check and add them if necessary.
  75.         if( document.getElementById("seekbuttons").textContent.trim() === '' ){
  76.             addbuttons();
  77.         }
  78.  
  79.     }, 1000);
  80.  
  81. })();