☰

Greasy Fork is available in English.

Put Youtube subtitles on top of everything

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

Verze ze dne 06. 05. 2020. Zobrazit nejnovější verzi.

// ==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
}()