☰

m.YouTube.com seek buttons

Adds +-30sec +-1min +-5min buttons below the video

当前为 2023-10-14 提交的版本，查看 最新版本。

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