fix youtube caption position through changing the margin of the caption's bottom.
// ==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);
})();