youtube tempermonkey userscript

index.js

// ==UserScript==
// @name         Youtube entancer of mine
// @namespace    http://www.chaochaogege.com
// @version      0.6
// @description  Some of youtube entancer of mine
// @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 container = document.querySelector('.html5-video-player')
  // const subtitlesdiv = document.querySelector('.caption-window')
  function addMultipleListener(target, events, fn, useCapture) {
    for (const e of events) {
      target.addEventListener(e, fn, useCapture)
    }
  }
  addMultipleListener(container, ['click', 'touchstart', 'mouseout', 'mousedown', 'mousemove'], e => {
    for (let idx = 0; idx < 5; idx++) {
      if (e.path[idx].className.includes('caption-window')) {
        e.stopPropagation()
        return
      }
    }
  }, true)
  monitordom(over, (lists) => {
    if (lists.addedNodes.length > 0) {
      const n = lists.addedNodes[0]
      if (typeof n.className == 'string') {
        if (n.className.includes('ytp-caption-segment')) {
          let stylelists = n.style
          stylelists['user-select'] = 'text'
        }
      }
    }
  }, { attributes: true, childList: true, subtree: true })
}()

Hi, thanks for the script. It works fine, although I'd proposed one addition: it could change the cursor to the appropriate ("cursor: text").