YouTube Skip 15 Seconds Forward/Backward Buttons

Adds skip forward and backward 15 seconds buttons to the YouTube player
目前為 2024-10-26 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         YouTube Skip 15 Seconds Forward/Backward Buttons
// @namespace    https://gf.qytechs.cn/
// @version      1.0
// @description  Adds skip forward and backward 15 seconds buttons to the YouTube player
// @author       ezzdev
// @license      MIT
// @match        *://www.youtube.com/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';
function insertAfter(newNode, referenceNode) {
    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

    function addSkipButtons() {
        if (document.querySelector("#skip-backward") && document.querySelector("#skip-forward")) return;

        const controlBar = document.querySelector(".ytp-volume-area");
        if (!controlBar) return;

        const backwardButton = document.createElement("button");
        backwardButton.id = "skip-backward";
        backwardButton.className = "ytp-button";
        backwardButton.appendChild(document.createTextNode("⏪"));
        backwardButton.style.fontSize = "20px";
        backwardButton.style.textAlign = "center";
        backwardButton.style.fontWeight = "bold";
        backwardButton.style.filter = "grayscale(100%) brightness(100%)";
        backwardButton.title = "Skip backward 15 seconds";
        backwardButton.onclick = () => {
            const video = document.querySelector("video");
            if (video) video.currentTime = Math.max(0, video.currentTime - 15);
        };

        const forwardButton = document.createElement("button");
        forwardButton.id = "skip-forward";
        forwardButton.className = "ytp-button";
        forwardButton.appendChild(document.createTextNode("⏩"));
        forwardButton.style.fontSize = "20px";
        forwardButton.style.textAlign = "center";
        forwardButton.style.fontWeight = "bold";
        forwardButton.style.filter = "grayscale(100%) brightness(100%)";
        forwardButton.title = "Skip forward 15 seconds";
        forwardButton.onclick = () => {
            const video = document.querySelector("video");
            if (video) video.currentTime = Math.min(video.duration, video.currentTime + 15);
        };


        controlBar.insertBefore(forwardButton, controlBar.firstChild);
        controlBar.insertBefore(backwardButton, controlBar.firstChild);
    }

    const observer = new MutationObserver(addSkipButtons);
    observer.observe(document, { childList: true, subtree: true });
})();
欢迎访问Greasy Fork镜像
