☰

u-Youtube

make Youtube under ur control

目前為 2022-03-29 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         u-Youtube
  3. // @name:zh-CN   功夫制霸YouTube
  4. // @name:ua      u-Youtube
  5. // @name:ja      カンフー支配YouTube
  6. // @name:ko      쿵푸 지배YouTube
  7. // @name:it      u-Youtube
  8. // @name:de      u-Youtube
  9. // @name:fr      u-Youtube
  10. // @namespace    https://github.com/rasso1/u-Youtube
  11. // @version      0.98
  12. // @description  make Youtube under ur control
  13. // @description:ja あなたのコントロール下でYouTubeを作る
  14. // @description:ko 유튜브를 당신의 통제하에 두십시오
  15. // @description:it rendi youtube sotto il tuo controllo
  16. // @description:de Machen Sie YouTube unter Ihrer Kontrolle
  17. // @description:fr faire de youtube sous votre contrôle
  18. // @author       ok!
  19. // @match        https://www.youtube.com/*
  20. // @run-at       document-start
  21. // @contributionURL https://paypal.me/kongfuY
  22.  
  23. // ==/UserScript==
  24. (function() {
  25.     'use strict';
  26.  
  27. var sec_sub,sec_fwd,wheel_sec,buffer_time,dark_mode,video_quality,video_speed,english_mode;
  28. var expand_description = 1;
  29.  
  30. var youtube_hand = {
  31.     dark_eye:function (){
  32.         if(localStorage.getItem('dark_mode')==1){
  33.             document.querySelector("html").setAttribute("dark",true);
  34.             //document.querySelector("html").setAttribute("contentEditable",true);
  35.         }
  36.         else if(document.querySelector("html").hasAttribute("dark"))
  37.         {document.querySelector("html").removeAttribute("dark")}
  38.     },
  39.     dark_eye1:function (){
  40.         if(localStorage.getItem('dark_mode')==1){
  41.             var style_type = document.createElement("style");style_type.id = "style_type";
  42.             style_type.innerHTML = `#end > div.dropdown-hover > div{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  43. #end > div.dropdown-hover > button{background-color:#222 !important;} #end > div.dropdown-hover path{fill:transparent !important;stroke:white !important;}
  44. #end > div.dropdown-hover > div > div{color:#aaa !important;background-color:#202020 !important;}
  45. #end > div.dropdown-hover > div > div p{font-size:12px;color:#bbb !important;background-color:#202020 !important;}
  46. .dropdown-hover button div{font-size:12px;color:#aaa !important;background-color:#333 !important;}
  47. #sec_sub,#sec_fwd,#wheel_sec,#buffer_time{font-size:12px;color:#bbb !important;background-color:#333 !important;border-radius:5px;}`;
  48.             document.head.appendChild(style_type);
  49.         }
  50.     },
  51.  
  52.     //播放设置
  53.     play_menu:function(){
  54.  
  55.  
  56.         var html_app = document.createElement("div");
  57.         html_app.innerHTML = `
  58.    <button style="border:none;outline:none;background-color:#fff;height:37px;width:37px;margin-right:10px;" aria-label="缓存/速度设置"><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope yt-icon">
  59.        <path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.1-1.65c.2-.15.25-.42.13-.64l-2-3.46c-.12-.22-.4-.3-.6-.22l-2.5 1c-.52-.4-1.08-.73-1.7-.98l-.37-2.65c-.06-.24-.27-.42-.5-.42h-4c-.27 0-.48.18-.5.42l-.4 2.65c-.6.25-1.17.6-1.7.98l-2.48-1c-.23-.1-.5 0-.6.22l-2 3.46c-.14.22-.08.5.1.64l2.12 1.65c-.04.32-.07.65-.07.98s.02.66.06.98l-2.1 1.65c-.2.15-.25.42-.13.64l2 3.46c.12.22.4.3.6.22l2.5-1c.52.4 1.08.73 1.7.98l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.6-.25 1.17-.6 1.7-.98l2.48 1c.23.1.5 0 .6-.22l2-3.46c.13-.22.08-.5-.1-.64l-2.12-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" fill="transparent" stroke="black"></path>
  60.       </g></svg>
  61. </button>
  62.  
  63. <div style="background:#fff;border-radius: 10px;left: -160px;right: 0;margin-left: 0;margin-right: -100px;padding-top: 10px;" class="dropdown-box fadeInDown"><div class="item clearfix" style="border-radius:10px;"><p style="margin:10px auto;font-size:18px;"><span class="mandarin invisible">播放设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">Playback Setting&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><font size=2>Chs </font><input style="margin:auto" id="english_mode" class="switch switch-anim" type="checkbox" checked></p>
  64. <div  style="margin:10px auto;font-size:12px;"><hr /><hr /></div>
  65. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible" style="margin:10px auto;font-size:16px;">当前速度：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">current speed:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="speed_display"></span></p>
  66. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">选择播放速度:&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="english">specify speed:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><button id="speed_button" style="background-color: #5bb7fe;border-radius:5px;color:white;font-size:12px;"> &nbsp; 1x&nbsp; </button></p><input type="range" min="0" max="100" value="25" class="slider" id="speed_slider"><br /><br />
  67. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">跳过片头秒数：&nbsp;&nbsp;&nbsp;</span><span class="english">skip the title:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="sec_fwd" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color:#fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds">
  68. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">跳过片尾秒数：&nbsp;&nbsp;&nbsp;</span><span class="english">skip the end:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="sec_sub" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  69. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">鼠标滚动秒数：&nbsp;&nbsp;&nbsp;</span><span class="english">mouse scroll:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="wheel_sec" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  70. <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">暂停缓存秒数：&nbsp;&nbsp;&nbsp;</span><span class="english">pause n cashing:&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="text" id="buffer_time" style="width:40px;height:12px;vertical-align: middle;padding: 5px;background-color: #fff;border: 2px solid #ddd;border-radius:5px;font-size:12px;" placeholder="seconds"></p>
  71.   <p style="margin:10px auto;font-size:16px;"><span class="mandarin invisible">播放质量：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>  <span class="english">specify resolution&nbsp;</span> <select id="video_quality" style="border-radius:5px;"><option value="auto">auto</option><option value="hd2160">4K 2160p</option><option value="hd1440">HD 1440p</option><option value="hd1080">HD 1080p</option><option value="hd720">720p</option> <option value="large">480p</option><option value="medium">360p</option><option value="small">240p</option><option value="tiny">144p</option> </select></p>
  72. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">暗夜模式 :&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="english">dark mode:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input style="margin:auto" id="dark_mode" class="switch switch-anim" type="checkbox" checked></p>
  73. <p style="margin:10px auto 20px auto;font-size:16px;"><span class="mandarin invisible">心意捐赠:&nbsp; </span><span class="english">donate:&nbsp;&nbsp;</span><a href="https://paypal.me/kongfuY" style="color:#5bb7fe;">paypal.me/kongfuY</a></p></div></div>
  74.  
  75. <style>#speed_slider {width: 175px;}.invisible {display: none;}.ytd-feed-filter-chip-bar-renderer.style-scope{z-index:999 !important;}.fadeInDown{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-10px)}100%{opacity:1;-moz-transform:translateY(0)}}.dropdown{position:relative}.dropdown-box{display:none;position:absolute;z-index:9999999999}.dropdown-box.top{bottom:100%;padding-bottom:10px;left:50%;margin-left:-80px}.dropdown-box.bottom{top:100%;padding-top:10px;left:50%;margin-left:-80px}.dropdown-box.left{left:100%;padding-left:10px;bottom:0}.dropdown-box.right{right:100%;padding-right:10px;bottom:0}.dropdown-box .item{padding:10px;width:250px;border-radius:2px}.dropdown-hover{position:relative}.dropdown-hover:hover .dropdown-box{display:block}</style>
  76. <style>a {color: #670000;}.switch {width: 26px;height: 13px;position: relative;border: 1px solid #dfdfdf;background-color: #fdfdfd;box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 18px;background-clip: content-box;display: inline-block;-webkit-appearance: none;user-select: none;outline: none;} .switch:before { content: '';width: 13px;height: 13px;position: absolute;top: 0;left: 0;border-radius: 12px;background-color: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}.switch:checked {border-color: #5bb7fe;box-shadow: #5bb7fe 0 0 0 16px inset;background-color: #5bb7fe;}.switch:checked:before {left: 15px;}.switch.switch-anim {transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;}.switch.switch-anim:before {transition: left 0.3s;}.switch.switch-anim:checked {box-shadow: #5bb7fe 0 0 0 14px inset;background-color: #5bb7fe;transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;}.switch.switch-anim:checked:before {transition: left 0.3s;}.text-red {color: #aaa;}</style>
  77. `;
  78.         html_app.classList.add('dropdown-hover');
  79.         document.querySelector("#end").appendChild(html_app);
  80.  
  81.         //
  82.         var speed_display=document.getElementById("speed_display"),speed_slider=document.getElementById("speed_slider"),speed_button=document.getElementById("speed_button"),
  83.             y=document.getElementById("sec_sub"),z=document.getElementById("wheel_sec"),x=document.getElementById("buffer_time"),w=document.getElementById("dark_mode"),
  84.             s=document.getElementById("video_quality"),v=document.getElementById("sec_fwd"),t=document.getElementById("english_mode");
  85.         dark_mode = localStorage.getItem('dark_mode');var english_mode = localStorage.getItem('english_mode');
  86.         const mandarins = document.querySelectorAll('.mandarin');const englishs = document.querySelectorAll('.english');
  87.  
  88.  
  89.         video_speed = localStorage.getItem('speed');sec_fwd = localStorage.getItem('sec_fwd');sec_sub = localStorage.getItem('sec_sub');
  90.         wheel_sec = localStorage.getItem('wheel_sec');buffer_time = localStorage.getItem('buffer_time');video_quality = localStorage.getItem('video_quality');
  91.  
  92.         english_mode = localStorage.getItem('english_mode');
  93.         //判读英文菜单
  94.         if(localStorage.getItem('english_mode')==1){
  95.             for (const mandarin of mandarins) {
  96.                 mandarin.className -= ' invisible';
  97.             }
  98.             for (const english of englishs) {
  99.                 english.className += ' invisible';
  100.             }
  101.         }
  102.  
  103.         video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  104.  
  105.         setTimeout(function (){
  106.             if(video_speed&&document.querySelector('#movie_player'))
  107.                 document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;},4000);
  108.  
  109.         speed_slider.value = localStorage.getItem('speed')*25;
  110.  
  111.         speed_slider.oninput=function(){localStorage.setItem('speed',this.value/25);video_speed = localStorage.getItem('speed');video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  112.                                         document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  113.                                        }
  114.  
  115.         speed_button.onclick=function(){localStorage.setItem('speed',1);video_speed = localStorage.getItem('speed');video_speed?speed_display.innerHTML=video_speed+"x":speed_display.innerHTML="1x";
  116.                                         document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  117.                                         speed_slider.value = localStorage.getItem('speed')*25;
  118.                                        }
  119.  
  120.         sec_fwd?v.value=sec_fwd:v.value="";
  121.         v.onchange=function(){localStorage.setItem('sec_fwd',this.value);sec_fwd = localStorage.getItem('sec_fwd');sec_fwd?v.value=sec_fwd:v.value="";
  122.                              }
  123.         sec_sub?y.value=sec_sub:y.value="";
  124.         y.onchange=function(){localStorage.setItem('sec_sub',this.value);sec_sub = localStorage.getItem('sec_sub');sec_sub?y.value=sec_sub:y.value="";
  125.                              }
  126.  
  127.         wheel_sec?z.value=wheel_sec:z.value="";
  128.         z.onchange=function(){localStorage.setItem('wheel_sec',this.value);wheel_sec = localStorage.getItem('wheel_sec');wheel_sec?z.value=wheel_sec:z.value="";
  129.                              }
  130.         buffer_time?x.value=buffer_time:x.value="";
  131.         x.onchange=function(){localStorage.setItem('buffer_time',this.value);buffer_time = localStorage.getItem('buffer_time');buffer_time?x.value=buffer_time:x.value="";
  132.                              }
  133.         w.checded=dark_mode; if(dark_mode!=1){document.getElementById("dark_mode").removeAttribute('checked');}
  134.         w.onchange=function(){if(w.checked){localStorage.setItem('dark_mode','1');youtube_hand.dark_eye();youtube_hand.dark_eye1();}
  135.                               else{localStorage.setItem('dark_mode',0);
  136.                                    document.querySelector("html").removeAttribute("dark");
  137.                                    document.querySelector('#style_type').remove();
  138.                                   }
  139.                               dark_mode = localStorage.getItem('dark_mode');
  140.                              }
  141.         t.checded=english_mode; if(english_mode!=1){document.getElementById("english_mode").removeAttribute('checked');}
  142.         t.onchange=function(){if(t.checked){localStorage.setItem('english_mode','1');
  143.                                             for (const mandarin of mandarins) {
  144.                                                 mandarin.className -= ' invisible';}
  145.                                             for (const english of englishs) {
  146.                                                 english.className += ' invisible';}
  147.                                            }
  148.                               else{localStorage.setItem('english_mode',0);
  149.                                    for (const mandarin of mandarins) {
  150.                                        mandarin.className += ' invisible';}
  151.                                    for (const english of englishs) {
  152.                                        english.className -= ' invisible';}
  153.                                   }
  154.                               english_mode = localStorage.getItem('english_mode');
  155.                              }
  156.  
  157.         if(video_quality){
  158.             for(var i=0;i<s.length;i++){
  159.                 if(s.options[i].value==video_quality){
  160.                     s.options[i].selected=true;
  161.                 }
  162.             }
  163.         }
  164.         s.onchange=function (){
  165.             var quality_value = s[s.selectedIndex].getAttribute("value");
  166.             localStorage.setItem('video_quality',quality_value);
  167.             video_quality = localStorage.getItem('video_quality');
  168.             var avail_quali;var v_elem = document.querySelector("#movie_player");
  169.             if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  170.                 v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  171.             }
  172.             else{v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  173.         }
  174.  
  175.     },
  176.  
  177.     play_main:function (){
  178.  
  179.         sec_fwd = localStorage.getItem('sec_fwd');
  180.         sec_sub = localStorage.getItem('sec_sub');
  181.         wheel_sec = localStorage.getItem('wheel_sec');
  182.         buffer_time = localStorage.getItem('buffer_time');
  183.  
  184.         var video_speed = localStorage.getItem('speed');
  185.  
  186.         var video_elem,v_elem;
  187.  
  188.  
  189.         //每3秒试执行主应用操作
  190.         var main_timer = setInterval(function () {
  191.             video_elem = document.querySelector("#movie_player > div.html5-video-container > video");
  192.             v_elem = document.querySelector("#movie_player");
  193.            
  194.             if (video_elem){
  195.                main_opr();
  196.                video_elem.ondurationchange = main_opr;
  197.  
  198.                 clearInterval(main_timer);}
  199.         },500)
  200.  
  201.         //主应用操作
  202.         function main_opr() {
  203.             //视频质量选择
  204.  
  205.             var avail_quali;var current_time;
  206.             if((avail_quali = v_elem.getAvailableQualityLevels())&&avail_quali.indexOf(video_quality) == -1){
  207.                 v_elem.setPlaybackQualityRange(avail_quali[0],avail_quali[0]);
  208.             }
  209.             else{v_elem.setPlaybackQualityRange(video_quality,video_quality);}
  210.             //点开视频介绍
  211.             if(expand_description){
  212.  
  213.                 if(document.getElementById("action-panel-details")) {
  214.                     document.getElementById("action-panel-details").classList.remove("yt-uix-expander-collapsed");
  215.                 }
  216.  
  217.                 if(document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer")) {
  218.                     document.querySelector("#more > .more-button.style-scope.ytd-video-secondary-info-renderer").click();
  219.                 }
  220.             }
  221.  
  222.             //前跳过秒数+速度+播放质量设定
  223.             video_elem.oncanplay = function(){
  224.                 if(video_speed&&video_elem){
  225.                     video_elem.playbackRate = video_speed;}
  226.                // if(current_time>200){current_time=0}
  227.                 if(sec_fwd&&(video_elem.currentTime < sec_fwd/1)){
  228.                     video_elem.currentTime += sec_fwd/1;
  229.                     video_elem.oncanplay = "";
  230.                 }
  231.                 // video_elem.currentTime += 1;
  232.  
  233.             }
  234.  
  235.             //暂停缓存
  236.             
  237.             sec_sub = localStorage.getItem('sec_sub');
  238.             video_elem.onpause = function(){
  239.                 if(!buffer_time||buffer_time == 0){return;}
  240.                 if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  241.                 else{current_time = parseInt(video_elem.currentTime);
  242.                      video_elem.oncanplaythrough = function(){
  243.                          if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration)){current_time=0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";}
  244.                          else{video_elem.currentTime +=2;
  245.                               if(sec_sub){
  246.                                   if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+parseInt(sec_sub)+10)))
  247.                                   {video_elem.currentTime = current_time;
  248.                                    console.log(current_time);console.log(video_elem.currentTime);
  249.                                    video_elem.oncanplaythrough='';current_time=0;}
  250.                               }
  251.                               else{
  252.                                   if((video_elem.currentTime-current_time)>(buffer_time?buffer_time:0)||(video_elem.duration<(video_elem.currentTime+30)))
  253.                                   {video_elem.currentTime = current_time;
  254.                                    video_elem.oncanplaythrough='';}
  255.                               }
  256.                              }
  257.                      }
  258.                     video_elem.currentTime += 1;
  259.                     }
  260.             }
  261.             video_elem.onplay = function(){
  262.  
  263.                 if(parseInt(video_elem.currentTime)==parseInt(video_elem.duration-1)){current_time = 0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";} // new
  264.                 else if(current_time){video_elem.currentTime = current_time;
  265.                      video_elem.oncanplaythrough = "";
  266.                      //current_time=0;console.log("onplay ok2")
  267.                     }
  268.             }
  269.             video_elem.onended = function(){current_time = 0;video_elem.onpause = "";video_elem.onplay = "";video_elem.oncanplaythrough ="";
  270.                                            
  271.  
  272.                                            }
  273.  //中键全屏
  274.  
  275.                                             video_elem.addEventListener("mouseup", function(e) {
  276.                                                 e.preventDefault();
  277.                                                 if(e.button==1){
  278.                                                     //video_elem.webkitRequestFullscreen();
  279.  
  280.                                                     document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-right-controls > button.ytp-fullscreen-button.ytp-button").click();
  281.                                                     //document.webkitCancelFullScreen();
  282.  
  283.                                                 }
  284.                                             }, false);
  285.  
  286.             //中键全屏
  287.  
  288.    //         v_big.addEventListener("mouseup", function(e) {
  289.    //             e.preventDefault();
  290.    //             if(e.button==1){
  291.                     //video_elem.webkitRequestFullscreen();
  292.                     // if (!document.fullscreenElement) {
  293.     //                document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-right-controls > button.ytp-fullscreen-button.ytp-button").click();
  294.                     /*
  295.                         if(video_elem.requestFullscreen){
  296.                             return video_elem.requestFullscreen();
  297.                         }else if(video_elem.webkitRequestFullScreen){
  298.                             return video_elem.webkitRequestFullScreen();
  299.                         }else if(video_elem.mozRequestFullScreen){
  300.                             return video_elem.mozRequestFullScreen();
  301.                         }else{
  302.                             return video_elem.msRequestFullscreen();
  303.                         }
  304. */
  305.                     // }
  306.                     //     else{
  307.                     //       document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-right-controls > button.ytp-fullscreen-button.ytp-button").click();
  308.                     //document.webkitCancelFullScreen();
  309.                     //   }
  310.   //              }
  311.    //         }, false);
  312.  
  313.             /*
  314.                         video_elem.onauxclick = function(e){e.preventDefault()};
  315.                         video_elem.onauxclick = function(event) {event.preventDefault();video_elem.webkitRequestFullscreen();}
  316.  
  317.                       video_elem.onauxclick = video_elem.addEventListener("mouseup", mid_key, true);
  318.                        function mid_key(e) {
  319.                            // e.preventDefault();
  320.                             if(e.button==1){
  321.                             //video_elem.webkitRequestFullscreen();
  322.                     if (!document.fullscreenElement) {
  323.                         if(video_elem.requestFullscreen){
  324.                              video_elem.removeEventListener("mouseup", mid_key, true);
  325.                             return video_elem.requestFullscreen();
  326.                         }else if(video_elem.webkitRequestFullScreen){
  327.                              video_elem.removeEventListener("mouseup", mid_key, true);
  328.                             return video_elem.webkitRequestFullScreen();
  329.                         }else if(video_elem.mozRequestFullScreen){
  330.                             return video_elem.mozRequestFullScreen();
  331.                         }else{
  332.                             return video_elem.msRequestFullscreen();
  333.                         }
  334.  
  335.                     }
  336.                             else{document.webkitCancelFullScreen();}
  337.                             }
  338.                         }*/
  339.  
  340.  
  341.             // 滚轮前进后退
  342.             video_elem.onwheel = function(e){e.preventDefault()};
  343.             v_elem.onwheel = wheel_e;
  344.  
  345.             function wheel_e (event) {
  346.                 event.preventDefault();
  347.  
  348.                 //console.log(event.deltaY);
  349.                 // event.deltaY = Math.min(Math.max(.125,event.deltaY), 4);
  350.                 //console.log(wheel_sec);
  351.                 video_elem.currentTime += parseInt(event.deltaY>0?wheel_sec/1:-wheel_sec) ;
  352.  
  353.                 v_elem.onwheel="";
  354.                 setTimeout(function(){v_elem.onwheel= wheel_e;},300);
  355.  
  356.                 //同时重设播放速度
  357.                 video_speed = localStorage.getItem('speed');
  358.                 document.querySelector("#movie_player > div.html5-video-container > video").playbackRate = video_speed;
  359.  
  360.             }
  361. /*
  362.             // 在视频框内按键ctrl或鼠标右键，直接跳到下一集
  363.             v_elem.addEventListener("keydown", function(e) {
  364.                 if (e.keyCode == 17) {
  365.                     e.preventDefault();
  366.                     next_exec();
  367.                 }
  368.             }, false);
  369.  
  370.             v_elem.addEventListener("contextmenu", function(e) {
  371.                 e.preventDefault();
  372.                 next_exec();
  373.             }, false);
  374. */
  375.             //每隔25秒获取播放剩余时间，如在25秒内则执行主程序
  376.             if(sec_sub !== ""&&sec_sub !=0){
  377.                 const sec_sub2=sec_sub/1+12;
  378.                 setInterval(function(){
  379.                     let left_duration = get_dura(),sel_part = document.querySelector("#movie_player > div.html5-video-container > video");
  380.                     if((left_duration < sec_sub) && (left_duration !== 0) && sel_part)
  381.                     {
  382.                     
  383.                         next_exec();
  384.                         // clearInterval(auto_play);
  385.  
  386.                     }
  387.                 }, 1000);
  388.             }
  389.  
  390.             //next part 执行
  391.             function next_exec(){
  392.                 const sel_part2 = document.querySelector("#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-left-controls > a.ytp-next-button.ytp-button");
  393.                 if (sel_part2)
  394.                 {console.log("clicked next---");sel_part2.click();current_time=0;}
  395.             }
  396.  
  397.             //获取播放剩余时间
  398.             function get_dura() {
  399.                 const sel_start = document.querySelector("#movie_player > div.html5-video-container > video").currentTime;
  400.                 const sel_fin = document.querySelector("#movie_player > div.html5-video-container > video").duration;
  401.                 if (sel_fin) {
  402.                     return sel_fin-sel_start;
  403.                 }
  404.                 return 0;
  405.             }
  406.  
  407.         }
  408.  
  409.     },
  410.  
  411.     move_menu:function (){
  412.         //点开显示其余items
  413.         document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) > #items > ytd-guide-collapsible-entry-renderer > #expander-item > #endpoint").click();
  414.         //移动频道到左顶部
  415.         document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)").parentNode.append(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)"))
  416.  
  417.  
  418.         //页面写入script和style
  419.         var a_bug = document.createElement("script");
  420.         a_bug.innerHTML = `// 监听draggable的相关事件
  421. function dragstart_handler(ev) {
  422.    console.log("dragStart");
  423.  // Add the target element's id to the data transfer object
  424.  ev.dataTransfer.setData("text", ev.target.id);
  425.   ev.dataTransfer.setData("text1", ev.target);
  426.  console.log(ev.dataTransfer.getData("text1"));
  427.  ev.dataTransfer.dropEffect = "move";
  428. }
  429. function dragEnter(ev) {
  430. console.log("dragenter");
  431.   ev.preventDefault();
  432.   ev.target.className += ' drag-over';
  433. }
  434. function dragLeave(e) {
  435.  ev.preventDefault();
  436.   this.className = 'droppable';
  437. }
  438. function dragover_handler(ev) {
  439.  ev.preventDefault();
  440.  //ev.dataTransfer.dropEffect = "move"
  441. }
  442. function drop_handler(ev) {
  443.  ev.preventDefault();
  444.  // Get the id of the target and add the moved element to the target's DOM
  445.  var data = ev.dataTransfer.getData("text");
  446.  var first=ev.target.firstChild; //得到第一个元素
  447. ev.target.insertBefore(document.getElementById(data),first); //在第原来的第一个元素之前插入
  448.  //ev.target.appendChild(document.getElementById(data));
  449. }
  450. function dragend_handler(ev) {
  451.   console.log("dragEnd");
  452.   // Remove all of the drag data
  453.   ev.dataTransfer.clearData();
  454.   //localStorage.setItem("itemstate",document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").outerHTML);
  455.  
  456.    //itemdetail写入localStorage
  457.         var json = [];
  458. var data = {};
  459. var items_length=document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer").length
  460. for(var i=0;i<items_length-1;i++){
  461. data = {};
  462. //data.id = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].id;
  463. //data.imgsrc = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer #img")[i].src;
  464. data.text =document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer")[i].innerText;
  465. //data.href = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint")[i].href;
  466.  
  467. json.push(data);
  468.  
  469. }
  470. var jsonString = JSON.stringify(json);//[{"id":1,"imgsrc":"test1","text":2}]
  471. localStorage.setItem("itemdetail",jsonString);
  472.  //localStorage.setItem("item_new","");
  473. }
  474. function noAllowDrop(ev) {
  475. console.log("stopPropagation");
  476.         ev.stopPropagation();
  477.     }
  478.  
  479.    //点击订阅或退订时,删除localStorage内已有相同item
  480.   if(document.querySelector("#inner-header-container #subscribe-button")){var subscribe_button = document.querySelector("#inner-header-container #subscribe-button")}
  481.   else if(document.querySelector("#meta-contents #top-row > #subscribe-button")){var subscribe_button = document.querySelector("#meta-contents #top-row > #subscribe-button");}
  482.   // var subscribe_button = document.querySelector("#inner-header-container #subscribe-button")?document.querySelector("#inner-header-container #subscribe-button"):document.querySelector("#meta-contents #top-row > #subscribe-button");
  483.  
  484.       if(subscribe_button){
  485.  
  486.    subscribe_button.onclick=function(){
  487.  
  488.    //localStorage.setItem("item_new",document.querySelector("#text > a").innerText);
  489.    //localStorage.removeItem("itemdetail",document.querySelector("#channel-name #text").innerText);
  490.    let obj = JSON.parse(localStorage.itemdetail);
  491.    for(let j=obj.length-1;j>-1;j--){
  492.    if(obj[j]&&obj[j].text==document.querySelector("#channel-name #text").innerText){
  493.         let items_down = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  494.  
  495.                         items_down.forEach(function(element,index,array) {
  496.  
  497.                             if(element.firstElementChild.title==document.querySelector("#channel-name #text").innerText){
  498.  
  499.                                 document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").append(element);
  500.                                 return false;
  501.                             }
  502.                         })
  503.  
  504.    delete obj[j];}
  505.    }
  506.    localStorage.setItem("itemdetail",JSON.stringify(obj));
  507.    console.log("delete suc");
  508. }
  509.     }
  510.  
  511. `;
  512.         document.body.appendChild(a_bug);
  513.  
  514.         var style_type2 = document.createElement("style");style_type2.id = "style_type";
  515.         style_type2.innerHTML = `#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer{margin: 1em 0em 1em 0em !important;}
  516. .drag-over {
  517.   border-style: dashed;
  518. }
  519. .droppable{}
  520. `;
  521.         //#expandable-items > ytd-guide-entry-renderer{margin: 1.2em 0em 1.2em 0em !important;}
  522.         document.head.appendChild(style_type2);
  523.  
  524.         //开始操作
  525.         var menu_opr = setInterval(function(){
  526.  
  527.             /*
  528. 		const droppables = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  529.         const draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint");
  530.  
  531.       droppables.forEach(function(element,index,array) {
  532.              element.setAttribute("ondrop","drop_handler(event);");
  533.              element.setAttribute("ondragover","dragover_handler(event);");
  534.          })
  535.  */
  536.             //   const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1)");
  537.             if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-entry-renderer")){
  538.                 const droppables = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) > #items");
  539.                 const draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  540.                 const no_draggable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint");
  541.                 //  const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint > tp-yt-paper-item");
  542.                 // const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer > #endpoint *");
  543.                 const no_droppable = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items *");
  544.  
  545.                 const draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer");
  546.                 const no_draggable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint");
  547.                 // const no_droppable2 = document.querySelectorAll("#expandable-items > ytd-guide-entry-renderer > #endpoint *");
  548.  
  549.                 droppables.setAttribute("ondrop","drop_handler(event);");
  550.                 droppables.setAttribute("ondragover","dragover_handler(event);");
  551.                 // droppables.setAttribute("ondragenter","dragEnter(event);");
  552.                 // droppables.setAttribute("ondragleave","dragLeave(event);");
  553.                 no_draggable.forEach(function(element,index,array) {
  554.                     element.setAttribute("draggable",false);
  555.                 });
  556.                 no_draggable2.forEach(function(element,index,array) {
  557.                     element.setAttribute("draggable",false);
  558.                 });
  559.  
  560.                 no_droppable.forEach(function(element,index,array) {
  561.                     element.setAttribute("ondragover","noAllowDrop(event);");
  562.                 });
  563.                 //  no_droppable2.forEach(function(element,index,array) {
  564.                 //          element.setAttribute("ondragover","noAllowDrop(event);");
  565.                 //});
  566.  
  567.  
  568.                 draggable.forEach(function(element,index,array) {
  569.                     if(index<array.length){
  570.                         element.setAttribute("draggable",true);
  571.                         element.setAttribute("ondragstart","dragstart_handler(event);");
  572.                         element.setAttribute("ondragend","dragend_handler(event);");
  573.                         if(!element.id){element.setAttribute("id","move"+index);}
  574.                     }
  575.                 });
  576.                 let index_x =0;
  577.                 draggable2.forEach(function(element,index,array) {
  578.                     index_x=index+7;
  579.                     element.setAttribute("draggable",true);
  580.                     element.setAttribute("ondragstart","dragstart_handler(event);");
  581.                     element.setAttribute("ondragend","dragend_handler(event);");
  582.                     element.setAttribute("id","move"+index_x);
  583.  
  584.                 });
  585.  
  586.                 //把隐藏内容拉出来,放入items
  587.                 const parent_item = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items");
  588.                 let insert_sec = document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-collapsible-entry-renderer");
  589.                 let new_content2=document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) #items > ytd-guide-collapsible-entry-renderer #expanded #expandable-items > ytd-guide-entry-renderer");
  590.                 new_content2.forEach(function(element){parent_item.insertBefore(element,insert_sec)});
  591.  
  592.                 //   localStorage.setItem("itemstate",JSON.stringify(ddd));
  593.                 // localStorage.setItem("itemstate",ddd.outerHTML);
  594.  
  595.                 //取出保存在localStorage的itemstate,并还原回网页
  596.                 /*
  597.         if(localStorage.getItem("itemstate")){
  598. document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) #items").outerHTML=localStorage.getItem("itemstate");
  599.     }
  600.     */
  601.  
  602.                 const obj = JSON.parse(localStorage.getItem("itemdetail"));
  603.  
  604.                 //getItem("itemdetail")然后写入网页列表
  605.                 if(localStorage.getItem("itemdetail")){
  606.                     /*
  607.             //标记id-move
  608.             draggable.forEach(function(element,index,array) {
  609.             if(index<array.length){
  610.                 element.setAttribute("draggable",true);
  611.                 element.setAttribute("ondragstart","dragstart_handler(event);");
  612.                 element.setAttribute("ondragend","dragend_handler(event);");
  613.  
  614.                 if(localStorage.getItem("item_new")){
  615.                  if(element.firstElementChild.title==localStorage.getItem("item_new")){
  616.                 element.setAttribute("id","move"+draggable.length);
  617.                 parent_item.append(element);
  618.                  }
  619.             }
  620.                 else{element.setAttribute("id","move"+index);}
  621.  
  622.             }
  623.         });
  624.  
  625.         let index_x =0;
  626.         draggable2.forEach(function(element,index,array) {
  627.             index_x=index+7;
  628.             element.setAttribute("draggable",true);
  629.             element.setAttribute("ondragstart","dragstart_handler(event);");
  630.             element.setAttribute("ondragend","dragend_handler(event);");
  631.             element.setAttribute("id","move"+index_x);
  632.  
  633.         });
  634. */
  635.                     var items_drag = document.querySelectorAll("#sections > ytd-guide-section-renderer:nth-child(1) > #items > ytd-guide-entry-renderer");
  636.  
  637.                     for(var j=obj.length-1;j>-1;j--){
  638.                         //   if(j==0){
  639.                         items_drag.forEach(function(element,index,array) {
  640.  
  641.                             //console.log(element.firstElementChild.title);
  642.                             //console.log(obj[j].text);
  643.                             if(obj[j]&&element.firstElementChild.title==obj[j].text){
  644.  
  645.                                 parent_item.prepend(element);
  646.                                 return false;
  647.                             }
  648.                         })
  649.                         //    }
  650.                         /*
  651.                 else if(j>0) {
  652.  
  653.                     items_drag.forEach(function(element,index,array) {
  654.  
  655.                       if(element.firstElementChild.title==obj[j].text){
  656.                         parent_item.insertBefore(element,parent_item.firstElementChild.nextSibling);
  657.                           console.log(element.firstElementChild.title);
  658.                           console.log(obj[j].text);
  659.                           return false;
  660.                       }
  661.                         })
  662.                      }
  663.                      */
  664.                     }
  665.  
  666.                     //document.querySelector("#"+obj[j].id+" yt-formatted-string").innerText=obj[j].text;
  667.                     //document.querySelector("#"+obj[j].id+" #img").src=obj[j].imgsrc;
  668.                     //document.querySelector("#"+obj[j].id+" #endpoint").href=obj[j].href;
  669.                     //ttt=j-1;
  670.                     /*
  671.                 if(j==0){
  672.                     parent_item.prepend(document.querySelector("#"+obj[j].id));
  673.  
  674.                 }
  675.                 else if(j>0) {
  676.                     //console.log(document.querySelector("#"+obj[j].id));
  677.                     //console.log(ttt);
  678.                     parent_item.insertBefore(document.querySelector("#"+obj[j].id),document.querySelector("#"+obj[j-1].id).nextSibling);
  679.                 }
  680. */
  681.  
  682.  
  683.                     //
  684.                 }
  685.                //把当日订阅置顶
  686.                 document.querySelector("#sections > ytd-guide-section-renderer:nth-child(1) > #items").prepend(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) #items > ytd-guide-entry-renderer:nth-child(4)"));
  687.  
  688.                 clearInterval(menu_opr);
  689.              }
  690.  
  691.         },100)
  692.  
  693.         }
  694.  
  695.  
  696. }
  697.  
  698.  
  699.  
  700. //ev.dataTransfer.setData("text/html", ev.target.outerHTML);
  701. /*
  702. //点击订阅时记录频道名称
  703. var button_onclick = setInterval(function(){
  704.  
  705.                             console.log("okbutton");
  706.     if(document.querySelector("#subscribe-button")){
  707. document.querySelector("#subscribe-button").onclick=function(){
  708.    localStorage.setItem("item_new",document.querySelector("#text > a").innerText);
  709.    localStorage.removeItem(document.querySelector("#text > a").innerText);
  710. }
  711.  
  712.       //  clearInterval(button_onclick);
  713.     }
  714. },8000)
  715.  
  716.  
  717. */
  718.  
  719. var load_menu = setInterval(function(){
  720.     //youtube_hand.dark_eye();
  721.  
  722.     if(document.querySelector("#end")){
  723.         youtube_hand.play_menu();
  724.         youtube_hand.play_main();
  725.         youtube_hand.dark_eye1();
  726.  
  727.  
  728.         //document.querySelector("html").onpropertychange = youtube_hand.dark_eye;
  729.  
  730.  
  731.         clearInterval(load_menu);
  732.     }
  733. },100)
  734.  
  735.  
  736.  
  737. setInterval(function(){ youtube_hand.dark_eye();},200)
  738.  
  739.  
  740.  
  741. var move_ma=setInterval(function(){
  742.     if(document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2)"))
  743.     {
  744.         youtube_hand.move_menu();
  745.         /*
  746.   let ddd= document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) #items");
  747.        let new_content1= document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) #items").innerHTML;
  748.         let new_content2=document.querySelector("#sections > ytd-guide-section-renderer:nth-child(2) #items > ytd-guide-collapsible-entry-renderer #expanded #expandable-items").innerHTML;
  749.      ddd.outerHTML ='<div id="items" class="style-scope ytd-guide-section-renderer" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">'+new_content1+new_content2+'</div>';
  750. */
  751.         clearInterval(move_ma);
  752.     }
  753. },200)
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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