fix youtube caption position

fix youtube caption position through changing the margin of the caption's bottom.

Verzia zo dňa 24.03.2022. Pozri najnovšiu verziu.

Spýtať sa otázku, uverejniť recenziu, alebo nahlásiť skript.

Zalomiť riadky

// ==UserScript==
// @name         fix youtube caption position
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  fix youtube caption position through changing the margin of the caption's bottom.
// @author       You
// @match        *://*.youtube.com/watch?*
// @grant        none
 // @license MIT
// ==/UserScript==
 
(function() {
    'use strict';
 
    // Your code here...
    const captionMarginBottom="1px";
    const targetNode = document.querySelector(".ytp-larger-tap-buttons .ytp-caption-window-container");
    const config = {childList: true};
    function mutated(mutationList){
        for(const mutation of mutationList){
            console.log("Mutation~");
            if(mutation.type==="childList"){
                if (mutation.addedNodes.length===1){
                    console.log("caption appear~");
                    let caption = document.querySelector(".ytp-larger-tap-buttons .caption-window.ytp-caption-window-bottom");
                    caption.style.marginBottom = captionMarginBottom;
                }
            }
        }
    }
    const observer = new MutationObserver(mutated);
    observer.observe(targetNode, config);
})();