☰

YouTube.com seek buttons (Mobile / Desktop)

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

// ==UserScript==
// @name         YouTube.com seek buttons (Mobile / Desktop)
// @namespace    m-youtube-com-seek-buttons
// @version      1.6
// @description  Adds +-30sec +-1min +-5min buttons below the video. Works on mobile, tablet (m.youtube.com) and on desktop.
// @author       hlorand.hu
// @match        https://m.youtube.com/*
// @match        https://youtube.com/*
// @match        https://*.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant        none
// @license      https://creativecommons.org/licenses/by-nc-sa/4.0/
// ==/UserScript==

// Screenshot: https://ibb.co/72YKQPn
 
(function() {
    //'use strict';
 
    function addbuttons(){
        document.getElementById("seekbuttons").innerText = "";
 
        const times = ["+300s", "+60s", "+30s", "-30s", "-60s", "-300s"];
 
        times.forEach((time)=>{
            let button = document.createElement('button');
            button.textContent = time;
 
            button.style.margin = "4px";
            button.style.padding = "4px";
            button.style.backgroundColor = "purple";
            button.style.position = "relative";
 
            button.onclick = function() {
                let video = document.querySelector("video");
 
                if(video && video.readyState >= 2) {
                    video.currentTime += parseInt(this.textContent.replace("s",""));
                }
            };
 
            let target = document.getElementById("seekbuttons");
            target.insertBefore(button, target.firstChild);
 
        }); // end times foreach
 
    } // end addbuttons
 
    // Periodically check if the buttons are visible 
    // (sometimes YouTube redraws its interface).
    setInterval(()=>{
        // Creating a div that will contain buttons.
        if( document.getElementById("seekbuttons") == undefined ){
            
            // placement of buttons on desktop
            let parent = document.getElementById('above-the-fold');

            // placement of buttons on tablet
            if( !parent ){
                parent = document.querySelector('.watch-below-the-player');
            }

            // placement of buttons on mobile
            if( !parent ){
                parent = document.querySelector('.related-chips-slot-wrapper');
            }

            let wrapper = document.createElement('div');
            wrapper.setAttribute("id","seekbuttons");
            parent.insertBefore(wrapper, parent.firstChild);
            addbuttons();
        }

        // Sometimes the buttons are not added, so I check and add them if necessary.
        if( document.getElementById("seekbuttons").textContent.trim() === '' ){
            addbuttons();
        }

    }, 1000);

})();