☰

Put Youtube subtitles on top of everything

Use this script if you want subtitles float on entire screen!

目前为 2020-05-06 提交的版本。查看 最新版本。

// ==UserScript==
// @name         Put Youtube subtitles on top of everything
// @namespace    http://www.chaochaogege.com
// @version      0.3
// @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('body')
    const player = document.querySelector('.html5-video-player')
    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'
    player.style['z-index'] = 1
}()