☰

油管字幕放到视频下方

油管字幕在视频上，看起来不舒服，挪到视频下方了。字幕插件地址 https://chrome.google.com/webstore/detail/language-reactor/hoombieeljmmljlkjmnheibnpciblicm

  1. // ==UserScript==
  2. // @name         油管字幕放到视频下方
  3. // @namespace    0x90DD
  4. // @version      0.0.2
  5. // @description  油管字幕在视频上，看起来不舒服，挪到视频下方了。字幕插件地址 https://chrome.google.com/webstore/detail/language-reactor/hoombieeljmmljlkjmnheibnpciblicm
  6. // @author       0x90DD
  7. // @match        https://www.youtube.com/*
  8. // @match        https://www.youtube.com/watch*
  9. // @license      GPL-3.0 License
  10. // @run-at document-start
  11. // @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  12. // @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js
  13. // @grant unsafeWindow
  14. // @grant GM_registerMenuCommand
  15. // @grant GM_setValue
  16. // @grant GM_getValue
  17. // @run-at context-menu
  18.  
  19. // ==/UserScript==
  20. (function () {
  21.     'use strict';
  22.     // Your code here...
  23.     let changed = false;
  24.     let outerHtml;
  25.     let root;
  26.     let bottomParent;
  27.     let caption;
  28.     let uncle;
  29.     let videoCationsShell;
  30.     let lastLlnVisibility = undefined;
  31.     let isInTheater = undefined;
  32.     let notificationParent;
  33.     let restHeight;
  34.     GM_registerMenuCommand("点击单词时打开查词窗口 打开/关闭", onSwitchOpenBing, "H");
  35.     function onSwitchOpenBing() {
  36.         let v = GM_getValue("openBing");
  37.         v = !!!v;
  38.         GM_setValue("openBing", v);
  39.         alert(`点击单词时直接打开翻译窗口已${v ? "启用" : "停用"}`);
  40.     }
  41.     later();
  42.     function later() {
  43.         setTimeout(() => {
  44.             checkCaption();
  45.         }, 100 * 3);
  46.     }
  47.     GM_registerMenuCommand("隐藏中间字幕 打开/关闭", onSwitchHideLlnBottom, "H");
  48.     function onSwitchHideLlnBottom() {
  49.  
  50.         let v = GM_getValue("openLB");
  51.         v = !!!v;
  52.         GM_setValue("openLB", v);
  53.         const adj = document.querySelector(".lln-bottom-panel ");
  54.         if (!v)
  55.         {
  56.         adj.setAttribute('style', 'display:hidden');
  57.         }
  58.        
  59.         else{
  60.             adj.setAttribute('style', 'display:visible;position:static;background-color:#000000;height:16rem;border:1px solid #6f6f6f');
  61.         }
  62.  
  63.         alert(`隐藏中间字幕已${v ? "启用" : "停用"}`);
  64.  
  65.  
  66.     }
  67.  
  68.  
  69.  
  70.  
  71.  
  72.     function laterCheckVideo() {
  73.         setTimeout(laterCheckVideo, 1000);
  74.         let notification = document.querySelector(".lln-notification");
  75.         if (notification && notification.parentNode != notificationParent) {
  76.             notificationParent = document.createElement("div");
  77.             notificationParent.style.cssText = 'position: fixed;left:-10000px;display:none;';
  78.             let body = document.querySelector("body");
  79.             body.appendChild(notificationParent);
  80.             notificationParent.appendChild(notification);
  81.             console.log("notifactionParent is", notificationParent);
  82.         }
  83.         if (document.fullscreen) {
  84.             return;
  85.         }
  86.         let v = document.querySelector("video");
  87.         if (!v || v.videoWidth == 0) {
  88.             return;
  89.         }
  90.         v.setAttribute('style', 'position:static');
  91.         let top = v.style.top;
  92.         let t = document.querySelector("#tttt");
  93.         if (!t) {
  94.             t = document.createElement("div");
  95.             videoCationsShell = t;
  96.             t.setAttribute('id', 'tttt');
  97.             v.parentNode.appendChild(t);
  98.         }
  99.  
  100.         let c = document.getElementsByClassName("lln-vertical-view lln-events-added");
  101.         if (!c || c.length == 0) return;
  102.         let d = c[0];
  103.         let visibility = window.getComputedStyle(d, null).getPropertyValue("visibility");
  104.         let playerParent = document.querySelector("#player-theater-container")
  105.         if (!playerParent) return;
  106.         let isTheater = playerParent.childNodes.length > 2;
  107.         let restHeight = window.getComputedStyle(d).getPropertyValue('height').replace('px', '') - window.getComputedStyle(v, null).getPropertyValue("height").replace('px', '');
  108.         checkChangeParent(visibility, isTheater, restHeight, v);
  109.  
  110.     }
  111.     function checkChangeParent(visibility, isTheater, height, v) {
  112.         if (visibility == lastLlnVisibility && isTheater == isInTheater && restHeight == height) {
  113.             return
  114.         }
  115.         if (!bottomParent) {
  116.             return;
  117.         }
  118.         if (!videoCationsShell) {
  119.             return;
  120.         }
  121.         if (document.fullscreen) {
  122.             return;
  123.         }
  124.         lastLlnVisibility = visibility;
  125.         isInTheater = isTheater;
  126.         restHeight = height;
  127.         if (lastLlnVisibility == "visible" && isInTheater && restHeight > 160) {
  128.             if (caption.parentNode == bottomParent) {
  129.                 bottomParent.removeChild(caption);
  130.             }
  131.             if (caption.parentNode != videoCationsShell) {
  132.                 videoCationsShell.appendChild(caption);
  133.             }
  134.         } else {
  135.             if (caption.parentNode == videoCationsShell) {
  136.                 videoCationsShell.removeChild(caption);
  137.             }
  138.             if (caption.parentNode != bottomParent) {
  139.                 bottomParent.insertBefore(caption, uncle.nextSibling);
  140.             }
  141.         }
  142.  
  143.     }
  144.     laterCheckVideo();
  145.     function checkCaption() {
  146.         if (changed) return;
  147.         root = document.querySelector("#primary-inner");
  148.         if (!root) return later();
  149.         var player = document.querySelector("#primary-inner").querySelector("#player");
  150.         uncle = player
  151.         if (!uncle) return later();
  152.         caption = document.querySelector("#lln-bottom-panel");
  153.         if (!caption) return later();
  154.         if (!outerHtml) {
  155.             var br = document.createElement('br');
  156.             br.setAttribute(
  157.                 'style',
  158.                 'background-color:"#FFFFFF";height:"1px";width:"100%";',
  159.             )
  160.             outerHtml = caption.interHTML;
  161.         }
  162.         const content = document.querySelector(".lln-youtube .lln-bottom-panel .lln-subs-wrap");
  163.         if (!content) return later();
  164.         const sub = document.querySelector(".lln-bottom-panel #lln-main-subs");
  165.         if (!sub) return later();
  166.         const subWrap = document.querySelector(".lln-bottom-panel .lln-subs-wrap");
  167.         if (!subWrap) return later();
  168.         const youtubebottommain = document.querySelector(".lln-youtube .lln-bottom-panel #lln-main-subs");
  169.         if (!youtubebottommain) return later();
  170.         const adj = document.querySelector(".lln-bottom-panel .lln-subs-font-adjust");
  171.         if (!adj) return later();
  172.         adj.setAttribute('style', 'padding-top:-15px');
  173.         youtubebottommain.setAttribute('style', 'justify-content:flex-start');
  174.         sub.setAttribute('style', 'justify-content:flex-start');
  175.         document.querySelector("#lln-sub-view-wrap").parentElement.removeChild(document.querySelector("#lln-sub-view-wrap"));
  176.         subWrap.setAttribute('style', 'padding-left: 2px;padding-right: 2px');
  177.         content.setAttribute('style', 'padding-top:1px');
  178.         caption.setAttribute('style', 'position:static;background-color:#000000;height:16rem;border:1px solid #6f6f6f');
  179.         bottomParent = uncle.parentNode;
  180.         bottomParent.insertBefore(caption, uncle.nextSibling);
  181.         changed = true;
  182.         lastLlnVisibility = undefined;
  183.     }
  184.     function toFull() {
  185.         var n = document.createElement("div");
  186.         n.innerHTML = outerHtml;
  187.         if (caption.parentNode == bottomParent) {
  188.             bottomParent.removeChild(caption);
  189.         }
  190.         if (caption.parentNode == videoCationsShell) {
  191.             videoCationsShell.removeChild(caption);
  192.         }
  193.  
  194.         root.appendChild(n);
  195.     }
  196.     document.addEventListener("fullscreenchange", function () {
  197.         if (document.fullscreen) {
  198.             toFull();
  199.         } else {
  200.             changed = false;
  201.             checkCaption();
  202.         }
  203.     });
  204.     function addWordMouseListner() {
  205.         $(document).on("click", "span.lln-word", function (e) {
  206.             console.log('xxxxxxxxxxxxxx');
  207.             onWordClick(e);
  208.         });
  209.         function onWordClick(e) {
  210.  
  211.             let v = GM_getValue("openBing");
  212.             if (!v) {
  213.                 return;
  214.             }
  215.             if (isFullScreen()) return;
  216.             var word = e.target.innerText;
  217.             var arr = word.split(/[\s\n]/);
  218.             word = arr[arr.length - 1];
  219.             var reg = /[^\x00-\x7F]+/
  220.             if (reg.test(word)) return;
  221.             if (!word) return;
  222.             var url = `https://dictionary.cambridge.org/dictionary/english-chinese-simplified/` + word;
  223.             //url = `https://www.bing.com/dict/search?q=` + word;
  224.             //q=work&FORM=BDVSP6&cc=cn
  225.             //url = `https://www.bing.com/dict/search?q=` + word + `&FORM=BDVSP6&cc=cn`;
  226.             var win = window.open(url, "Dictionary", "width=750,height=2090  top=0 left=1330");
  227.             setTimeout(function () {
  228.                 var evt = document.createEvent("MouseEvents");
  229.                 evt.initMouseEvent("mouseup", true, true);
  230.             }, 50);
  231.         }
  232.         /**
  233.         $(document).on("click", "span.lln-word.lln-hover-tooltip.top", function(e){
  234.  
  235.             let v = GM_getValue("openBing");
  236.          if(!v){
  237.              return;
  238.          }
  239.             if(isFullScreen())return;
  240.             var word = e.target.innerText;
  241.             var arr = word.split(/[\s\n]/);
  242.             word = arr[arr.length-1];
  243.             var reg = /[^\x00-\x7F]+/
  244.             if(reg.test(word))return;
  245.             if(!word)return;
  246.             var url = `https://dictionary.cambridge.org/dictionary/english-chinese-simplified/` + word;
  247.             url = `https://www.bing.com/dict/search?q=` + word;
  248.             //q=work&FORM=BDVSP6&cc=cn
  249.             //url = `https://www.bing.com/dict/search?q=` + word + `&FORM=BDVSP6&cc=cn`;
  250.             var win = window.open(url, "Dictionary", "width=750,height=2090  top=0 left=1330");
  251.             setTimeout(function(){
  252.                 var evt = document.createEvent("MouseEvents");
  253.                 evt.initMouseEvent("mouseup", true, true);
  254.             },50);
  255.         });
  256.         */
  257.     }
  258.     function isFullScreen() {
  259.         return !!(
  260.             document.fullscreen ||
  261.             document.mozFullScreen ||
  262.             document.webkitIsFullScreen ||
  263.             document.webkitFullScreen ||
  264.             document.msFullScreen
  265.         );
  266.     }
  267.     // 窗口的大小和在屏幕中的位置，具体可以根据自己的显示器调整。
  268.     let wo = window.open;
  269.     //window.open = open;
  270.     let win
  271.     function open() {
  272.         console.log('win open', arguments);
  273.         if (arguments[0].indexOf('youtube.com') > -1) {
  274.             return wo.apply(window, arguments);
  275.         }
  276.         //arguments[2] = `width=750,height=2090 top=0 left=${window.outerWidth + -13}`;
  277.         let left = Math.min(screen.width - 750, window.outerWidth + -13);
  278.         arguments[1] = "Dictionary";
  279.         arguments[2] = `width=750,height=${window.outerHeight} top=0 left=${left}`;
  280.         var w;
  281.         try {
  282.             w = wo.apply(window, arguments);
  283.             tryToStopVideo();
  284.             if (w) {
  285.                 win = w;
  286.             }
  287.         } catch (e) {
  288.  
  289.         }
  290.         return w;
  291.     }
  292.     window.onbeforeunload = function () {
  293.         if (!win) return;
  294.         win.close();
  295.     }
  296.     function onFullScreenClick() {
  297.         const llnCloseVV = document.querySelector("#llnCloseVV");
  298.         if (!llnCloseVV) return;
  299.         var evt = document.createEvent("MouseEvents");
  300.         evt.initMouseEvent("click", true, true);
  301.         var bl = llnCloseVV.dispatchEvent(evt);
  302.     }
  303.  
  304.     document.addEventListener("fullscreenchange", function (e) {
  305.         if (document.fullscreenElement) {
  306.             onFullScreenClick();
  307.         } else {
  308.             onFullScreenExit();
  309.         }
  310.     })
  311.     function onFullScreenExit() {
  312.         const sidebar = document.querySelector(".lln-vv-toggle-in-sidebar");
  313.         if (!sidebar) return;
  314.         var evt = document.createEvent("MouseEvents");
  315.         evt.initMouseEvent("click", true, true);
  316.         sidebar.dispatchEvent(evt);
  317.     }
  318.     function addSubClick() {
  319.         $(document).on("click", ".lln-vertical-view-sub .lln-word", function (e) {
  320.  
  321.             let v = GM_getValue("openBing");
  322.             if (!v) {
  323.                 return;
  324.             }
  325.             var word = e.target.innerText;
  326.             var arr = word.split(/[\s\n]/);
  327.             word = arr[arr.length - 1];
  328.             var reg = /[^\x00-\x7F]+/
  329.             if (reg.test(word)) return;
  330.             if (!word) return;
  331.             var url = `https://www.bing.com/dict/search?q=` + word;
  332.             url = `https://dictionary.cambridge.org/dictionary/english-chinese-simplified/` + word
  333.             let left = Math.min(screen.width - 750, window.outerWidth + -13);
  334.             arguments[2] = `width=750,height=${window.outerHeight} top=0 left=${left}`;
  335.             //var win = window.open(url, "Dictionary", "width=750,height=2090 top=0 left=1330");
  336.             var win = window.open(url, "Dictionary", `width=750,height=${window.outerHeight} top=0 left=${left}`);
  337.             setTimeout(function () {
  338.                 var evt = document.createEvent("MouseEvents");
  339.                 evt.initMouseEvent("mouseup", true, true);
  340.             }, 50);
  341.         });
  342.     }
  343.  
  344.     function tryToStopVideo() {
  345.         let v = document.querySelector("video");
  346.         if (!v) return;
  347.         let isPlaying = videoIsPlaying(v);
  348.         if (!isPlaying) return;
  349.         v.pause();
  350.     }
  351.     function videoIsPlaying(video) {
  352.         return !!(video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2)
  353.     }
  354.     window.open = open;
  355.     addWordMouseListner();
  356.     addSubClick();
  357. })();
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址