float youtube subtitles on screen, so that you can move it out of player! ---- a Tampermonkey script

index.js

// ==UserScript==
// @name         Put Youtube subtitles on top of everything
// @namespace    http://www.chaochaogege.com
// @version      0.2
// @description  Use this script if you want subtitles float on entire screen!
// @author       You
// @match        https://www.youtube.com/watch?*
// @grant        none
// @require https://greasyfork.org/scripts/402597-monitor-dom-change/code/monitor%20dom%20change.js?version=801281
// ==/UserScript==

!function() {
    const over = document.querySelector('#primary-inner')
    let right = ''
    let left = ''
    let top = ''
    let bottom = ''
    // const subtitlesdiv = document.querySelector('.caption-window')
    monitordom(over,(lists) => {
        if (lists.addedNodes.length > 0){
            const n = lists.addedNodes[0]
            if (typeof n.className == 'string' && n.className.includes('caption-window')) {
                let stylelists = n.style
                n.style.position = "fixed"
                stylelists['top'] = top
                stylelists['right'] = right
                stylelists['left'] = left
                stylelists['bottom'] = bottom
            }
        }
        if(lists.type === 'attributes') {
        if (typeof lists.target.className === 'string' && lists.target.className.includes('caption-window')) {
            let stylelists = lists.target.style
            top = stylelists['top']
            bottom = stylelists['bottom']
            left = stylelists['left']
            right = stylelists['right']
        }
        }
    },{attributes: true, childList: true, subtree: true})
    over.style['z-index'] = 4000
    over.style.position = 'relative'
}()