☰

YouTube Web Tweaks

This script optimizes YouTube's performance by modified configs, shorts redirect and much more!

目前为 2024-11-12 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube Web Tweaks
  3. // @version      4.1.7
  4. // @description  This script optimizes YouTube's performance by modified configs, shorts redirect and much more!
  5. // @author       Magma_Craft
  6. // @license MIT
  7. // @match        *://www.youtube.com/*
  8. // @namespace    https://greasyfork.org/en/users/933798
  9. // @icon         https://www.youtube.com/favicon.ico
  10. // @unwrap
  11. // @run-at       document-end
  12. // @unwrap
  13. // @grant        none
  14. // @require      https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js
  15. // ==/UserScript==
  16.  
  17. // Enable strict mode to catch common coding mistakes
  18. "use strict";
  19.  
  20. // Define the flags to assign to the EXPERIMENT_FLAGS object
  21. const flagsToAssign = {
  22.   // Standard tweaks (YT config editor + Disable animations)
  23.   IS_TABLET: true,
  24.   DISABLE_YT_IMG_DELAY_LOADING: true,
  25.   polymer_verifiy_app_state: false,
  26.   desktop_delay_player_resizing: false,
  27.   web_animated_actions: false,
  28.   web_animated_like: false,
  29.   web_animated_like_lazy_load: false,
  30.   render_unicode_emojis_as_small_images: true,
  31.   smartimation_background: false,
  32.   kevlar_refresh_on_theme_change: false,
  33.   kevlar_watch_cinematics: false
  34. };
  35.  
  36. const updateFlags = () => {
  37.   // Check if the EXPERIMENT_FLAGS object exists in the window.yt.config_ property chain
  38.   const expFlags = window?.yt?.config_?.EXPERIMENT_FLAGS;
  39.  
  40.   // If EXPERIMENT_FLAGS is not found, exit the function
  41.   if (!expFlags) return;
  42.  
  43.   // Assign the defined flags to the EXPERIMENT_FLAGS object
  44.   Object.assign(expFlags, flagsToAssign);
  45. };
  46.  
  47. // Create a MutationObserver that calls the updateFlags function when changes occur in the document's subtree
  48. const mutationObserver = new MutationObserver(updateFlags);
  49. mutationObserver.observe(document, { subtree: true, childList: true });
  50.  
  51. // Other adjustments to be tweaked (Re-adding Explore tab, redirecting shorts to watch, wtc...)
  52. function waitForElm(selector) {
  53.     return new Promise(resolve => {
  54.         if (document.querySelector(selector)) {
  55.             return resolve(document.querySelector(selector));
  56.         }
  57.  
  58.         const observer = new MutationObserver(mutations => {
  59.             if (document.querySelector(selector)) {
  60.                 resolve(document.querySelector(selector));
  61.                 observer.disconnect();
  62.             }
  63.         });
  64.  
  65.         observer.observe(document.body, {
  66.             childList: true,
  67.             subtree: true
  68.         });
  69.     });
  70. }
  71.  
  72.     function restoreTrending() {
  73.  
  74.         var trendingData = {
  75.             "navigationEndpoint": {
  76.                 "clickTrackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  77.                 "commandMetadata": {
  78.                     "webCommandMetadata": {
  79.                         "url": "/feed/explore",
  80.                         "webPageType": "WEB_PAGE_TYPE_BROWSE",
  81.                         "rootVe": 6827,
  82.                         "apiUrl": "/youtubei/v1/browse"
  83.                     }
  84.                 },
  85.                 "browseEndpoint": {
  86.                     "browseId": "FEtrending"
  87.                 }
  88.             },
  89.             "icon": {
  90.                 "iconType": "EXPLORE"
  91.             },
  92.             "trackingParams": "CBwQtSwYASITCNqYh-qO_fACFcoRrQYdP44D9Q==",
  93.             "formattedTitle": {
  94.                 "simpleText": "Explore"
  95.             },
  96.             "accessibility": {
  97.                 "accessibilityData": {
  98.                     "label": "Explore"
  99.                 }
  100.             },
  101.             "isPrimary": true
  102.         };
  103.  
  104.         var guidetemplate = `<ytd-guide-entry-renderer class="style-scope ytd-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  105.         document.querySelector(`#items > ytd-guide-entry-renderer:nth-child(2)`).data = trendingData;
  106.  
  107.         var miniguidetemplate = `<ytd-mini-guide-entry-renderer class="style-scope ytd-mini-guide-section-renderer" is-primary="" line-end-style="none"><!--css-build:shady--><a id="endpoint" class="yt-simple-endpoint style-scope ytd-guide-entry-renderer" tabindex="-1" role="tablist"><tp-yt-paper-item role="tab" class="style-scope ytd-guide-entry-renderer" tabindex="0" aria-disabled="false"><!--css-build:shady--><yt-icon class="guide-icon style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><yt-img-shadow height="24" width="24" class="style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-img-shadow><yt-formatted-string class="title style-scope ytd-guide-entry-renderer"><!--css-build:shady--></yt-formatted-string><span class="guide-entry-count style-scope ytd-guide-entry-renderer"></span><yt-icon class="guide-entry-badge style-scope ytd-guide-entry-renderer" disable-upgrade=""></yt-icon><div id="newness-dot" class="style-scope ytd-guide-entry-renderer"></div></tp-yt-paper-item></a><yt-interaction class="style-scope ytd-guide-entry-renderer"><!--css-build:shady--><div class="stroke style-scope yt-interaction"></div><div class="fill style-scope yt-interaction"></div></yt-interaction></ytd-guide-entry-renderer>`;
  108.         document.querySelector(`#items > ytd-mini-guide-entry-renderer:nth-child(2)`).data = trendingData;
  109.  
  110.     }
  111.  
  112.  
  113. waitForElm("#items.ytd-guide-section-renderer").then((elm) => {
  114.     restoreTrending();
  115. });
  116.  
  117. waitForElm("#items.ytd-mini-guide-section-renderer").then((elm) => {
  118.     restoreTrending();
  119. });
  120.  
  121.  
  122. (function() {
  123. let css = `
  124. /* Remove Shorts, Trending, Podcasts and Shopping buttons to make the sidebar less almost prior to late 2022 */
  125. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Shorts"],
  126. a.yt-simple-endpoint.style-scope.ytd-mini-guide-entry-renderer[title="Shorts"] {
  127. display: none !important;
  128. }
  129.  
  130. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Trending"] {
  131. display: none !important;
  132. }
  133.  
  134. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer.style-scope[title="Podcasts"],
  135. ytd-guide-entry-renderer > a[href*="/feed/podcasts"] {
  136. display: none !important
  137. }
  138.  
  139. ytd-guide-entry-renderer > a[href*="/channel/UCkYQyvc_i9hXEo4xic9Hh2g"] {
  140. display: none !important;
  141. }
  142.  
  143. /* Remove filter categories on search results and playlists to make the UI less usable on low-entry machines */
  144. ytd-item-section-renderer.style-scope.ytd-section-list-renderer[page-subtype="playlist"] > #header.ytd-item-section-renderer > ytd-feed-filter-chip-bar-renderer {
  145. display: none !important;
  146. }
  147.  
  148. div#chip-bar.style-scope.ytd-search-header-renderer > yt-chip-cloud-renderer.style-scope.ytd-search-header-renderer > div#container.style-scope.yt-chip-cloud-renderer {
  149. display: none !important;
  150. }
  151.  
  152. /* Remove (almost) all annoyances (excludes 'YT TV and Premium' banners) */
  153. ytd-action-companion-ad-renderer, ytd-display-ad-renderer, ytd-video-masthead-ad-advertiser-info-renderer, ytd-video-masthead-ad-primary-video-renderer, ytd-in-feed-ad-layout-renderer, ytd-ad-slot-renderer, yt-about-this-ad-renderer, yt-mealbar-promo-renderer, ytd-ad-slot-renderer, ytd-in-feed-ad-layout-renderer, .ytd-video-masthead-ad-v3-renderer, div#root.style-scope.ytd-display-ad-renderer.yt-simple-endpoint, div#sparkles-container.style-scope.ytd-promoted-sparkles-web-renderer, div#main-container.style-scope.ytd-promoted-video-renderer, div#player-ads.style-scope.ytd-watch-flexy, ad-slot-renderer, ytm-promoted-sparkles-web-renderer, masthead-ad, #masthead-ad, ytd-video-quality-promo-renderer {
  154. display: none !important
  155. }`;
  156. if (typeof GM_addStyle !== "undefined") {
  157.   GM_addStyle(css);
  158. } else {
  159.   let styleNode = document.createElement("style");
  160.   styleNode.appendChild(document.createTextNode(css));
  161.   (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  162. }
  163. })();
  164.  
  165.  
  166. var oldHref = document.location.href;
  167. if (window.location.href.indexOf('youtube.com/shorts') > -1) {
  168.     window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  169. }
  170. window.onload = function() {
  171.     var bodyList = document.querySelector("body")
  172.     var observer = new MutationObserver(function(mutations) {
  173.         mutations.forEach(function(mutation) {
  174.             if (oldHref != document.location.href) {
  175.                 oldHref = document.location.href;
  176.                 console.log('location changed!');
  177.                 if (window.location.href.indexOf('youtube.com/shorts') > -1) {
  178.                     window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  179.                 }
  180.             }
  181.         });
  182.     });
  183.     var config = {
  184.         childList: true,
  185.         subtree: true
  186.     };
  187.     observer.observe(bodyList, config);
  188. };
  189.  
  190. // Fully replace shorts links with regular videos
  191. /**
  192.  * Shorts URL redirect.
  193.  *
  194.  * This is called on initial visit only. Successive navigations
  195.  * are managed by modifying the YouTube Desktop application.
  196.  */
  197. (function(){
  198.  
  199. /** @type {string} */
  200. var path = window.location.pathname;
  201.  
  202. if (0 == path.search("/shorts"))
  203. {
  204.     // Extract the video ID from the shorts link and redirect.
  205.  
  206.     /** @type {string} */
  207.     var id = path.replace(/\/|shorts|\?.*/g, "");
  208.  
  209.     window.location.replace("https://www.youtube.com/watch?v=" + id);
  210. }
  211.  
  212. })();
  213.  
  214. /**
  215.  * YouTube Desktop Shorts remover.
  216.  *
  217.  * If the initial URL was not a shorts link, traditional redirection
  218.  * will not work. This instead modifies video elements to replace them with
  219.  * regular links.
  220.  */
  221. (function(){
  222.  
  223. /**
  224.  * @param {string} selector (CSS-style) of the element
  225.  * @return {Promise<Element>}
  226.  */
  227. async function querySelectorAsync(selector)
  228. {
  229.     while (null == document.querySelector(selector))
  230.     {
  231.         // Pause for a frame and let other code go on.
  232.         await new Promise(r => requestAnimationFrame(r));
  233.     }
  234.  
  235.     return document.querySelector(selector);
  236. }
  237.  
  238. /**
  239.  * Small toolset for interacting with the Polymer
  240.  * YouTube Desktop application.
  241.  *
  242.  * @author Taniko Yamamoto <kirasicecreamm@gmail.com>
  243.  * @version 1.0
  244.  */
  245. class YtdTools
  246. {
  247.     /** @type {string} Page data updated event */
  248.     static EVT_DATA_UPDATE = "yt-page-data-updated";
  249.  
  250.     /** @type {Element} Main YT Polymer manager */
  251.     static YtdApp;
  252.  
  253.     /** @type {bool} */
  254.     static hasInitialLoaded = false;
  255.  
  256.     /** @return {Promise<bool>} */
  257.     static async isPolymer()
  258.     {
  259.         /** @return {Promise<void>} */
  260.         function waitForBody() // nice hack lazy ass
  261.         {
  262.             return new Promise(r => {
  263.                 document.addEventListener("DOMContentLoaded", function a(){
  264.                     document.removeEventListener("DOMContentLoaded", a);
  265.                     r();
  266.                 });
  267.             });
  268.         }
  269.  
  270.         await waitForBody();
  271.  
  272.         if ("undefined" != typeof document.querySelector("ytd-app"))
  273.         {
  274.             this.YtdApp = document.querySelector("ytd-app");
  275.             return true;
  276.         }
  277.         return false;
  278.     }
  279.  
  280.     /** @async @return {Promise<void|string>} */
  281.     static waitForInitialLoad()
  282.     {
  283.         var updateEvent = this.EVT_DATA_UPDATE;
  284.         return new Promise((resolve, reject) => {
  285.             if (!this.isPolymer())
  286.             {
  287.                 reject("Not Polymer :(");
  288.             }
  289.  
  290.             function _listenerCb()
  291.             {
  292.                 document.removeEventListener(updateEvent, _listenerCb);
  293.                 resolve();
  294.             }
  295.  
  296.             document.addEventListener(updateEvent, _listenerCb);
  297.         });
  298.     }
  299.  
  300.     /** @return {string} */
  301.     static getPageType()
  302.     {
  303.         return this.YtdApp.data.page;
  304.     }
  305. }
  306.  
  307. class ShortsTools
  308. {
  309.     /** @type {MutationObserver} */
  310.     static mo = new MutationObserver(muts => {
  311.         muts.forEach(mut => {
  312.             Array.from(mut.addedNodes).forEach(node => {
  313.                 if (node instanceof HTMLElement) {
  314.                     this.onMutation(node);
  315.                 }
  316.             });
  317.         });
  318.     });
  319.  
  320.     /** @return {void} */
  321.     static watchForShorts()
  322.     {
  323.         /*
  324.         this.mo.observe(YtdTools.YtdApp, {
  325.             childList: true,
  326.             subtree: true
  327.         });
  328.         */
  329.         var me = this;
  330.         YtdTools.YtdApp.arrive("ytd-video-renderer, ytd-grid-video-renderer", function() {
  331.             me.onMutation(this);
  332.  
  333.             // This is literally the worst hack I ever wrote, but it works ig...
  334.             (new MutationObserver(function(){
  335.                 if (me.isShortsRenderer(this))
  336.                 {
  337.                     me.onMutation(this);
  338.                 }
  339.             }.bind(this))).observe(this, {"subtree": true, "childList": true, "characterData": "true"});
  340.         });
  341.     }
  342.  
  343.     /** @return {void} */
  344.     static stopWatchingForShorts()
  345.     {
  346.         this.mo.disconnect();
  347.     }
  348.  
  349.     /**
  350.      * @param {HTMLElement} node
  351.      * @return {void}
  352.      */
  353.     static onMutation(node)
  354.     {
  355.         if (node.tagName.search("VIDEO-RENDERER") > -1 && this.isShortsRenderer(node))
  356.         {
  357.             this.transformShortsRenderer(node);
  358.         }
  359.     }
  360.  
  361.     /** @return {bool} */
  362.     static isShortsRenderer(videoRenderer)
  363.     {
  364.         return "WEB_PAGE_TYPE_SHORTS" == videoRenderer?.data?.navigationEndpoint?.commandMetadata?.webCommandMetadata?.webPageType;
  365.     }
  366.  
  367.     /** @return {string} */
  368.     static extractLengthFromA11y(videoData)
  369.     {
  370.         // A11y = {title} by {creator} {date} {*length*} {viewCount} - play Short
  371.         // tho hopefully this works in more than just English
  372.         var a11yTitle = videoData.title.accessibility.accessibilityData.label;
  373.  
  374.         var publishedTimeText = videoData.publishedTimeText.simpleText;
  375.         var viewCountText = videoData.viewCountText.simpleText;
  376.  
  377.         var isolatedLengthStr = a11yTitle.split(publishedTimeText)[1].split(viewCountText)[0]
  378.             .replace(/\s/g, "");
  379.  
  380.         var numbers = isolatedLengthStr.split(/\D/g);
  381.  
  382.         var string = "";
  383.  
  384.         // Remove all empties before iterating it
  385.         for (var i = 0; i < numbers.length; i++)
  386.         {
  387.             if ("" === numbers[i])
  388.             {
  389.                 numbers.splice(i, 1);
  390.                 i--;
  391.             }
  392.         }
  393.  
  394.         for (var i = 0; i < numbers.length; i++)
  395.         {
  396.             // Lazy 0 handling idc im tired
  397.             if (1 == numbers.length)
  398.             {
  399.                 string += "0:";
  400.                 if (1 == numbers[i].length)
  401.                 {
  402.                     string += "0" + numbers[i];
  403.                 }
  404.                 else
  405.                 {
  406.                     string += numbers[i];
  407.                 }
  408.  
  409.                 break;
  410.             }
  411.  
  412.             if (0 != i) string += ":";
  413.             if (0 != i && 1 == numbers[i].length) string += "0";
  414.             string += numbers[i];
  415.         }
  416.  
  417.         return string;
  418.     }
  419.  
  420.     /**
  421.      * @param {HTMLElement} videoRenderer
  422.      * @return {void}
  423.      */
  424.     static transformShortsRenderer(videoRenderer)
  425.     {
  426.  
  427.         /** @type {string} */
  428.         var originalOuterHTML = videoRenderer.outerHTML;
  429.  
  430.         /** @type {string} */
  431.         var lengthText = videoRenderer.data?.lengthText?.simpleText ?? this.extractLengthFromA11y(videoRenderer.data);
  432.  
  433.         /** @type {string} */
  434.         var lengthA11y = videoRenderer.data?.lengthText?.accessibility?.accessibilityData?.label ?? "";
  435.  
  436.         /** @type {string} */
  437.         var originalHref = videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.url;
  438.         var href = "/watch?v=" + originalHref.replace(/\/|shorts|\?.*/g, "");
  439.  
  440.         var reelWatchEndpoint = videoRenderer.data.navigationEndpoint.reelWatchEndpoint;
  441.  
  442.         var i;
  443.         videoRenderer.data.thumbnailOverlays.forEach((a, index) =>{
  444.             if ("thumbnailOverlayTimeStatusRenderer" in a)
  445.             {
  446.                 i = index;
  447.             }
  448.         });
  449.  
  450.         // Set the thumbnail overlay style
  451.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.style = "DEFAULT";
  452.  
  453.         delete videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.icon;
  454.  
  455.         // Set the thumbnail overlay text
  456.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.text.simpleText = lengthText;
  457.  
  458.         // Set the thumbnail overlay accessibility label
  459.         videoRenderer.data.thumbnailOverlays[i].thumbnailOverlayTimeStatusRenderer.text.accessibility.accessibilityData.label = lengthA11y;
  460.  
  461.         // Set the navigation endpoint metadata (used for middle click)
  462.         videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.webPageType = "WEB_PAGE_TYPE_WATCH";
  463.         videoRenderer.data.navigationEndpoint.commandMetadata.webCommandMetadata.url = href;
  464.  
  465.         videoRenderer.data.navigationEndpoint.watchEndpoint = {
  466.             "videoId": reelWatchEndpoint.videoId,
  467.             "playerParams": reelWatchEndpoint.playerParams,
  468.             "params": reelWatchEndpoint.params
  469.         };
  470.         delete videoRenderer.data.navigationEndpoint.reelWatchEndpoint;
  471.  
  472.         //var _ = videoRenderer.data; videoRenderer.data = {}; videoRenderer.data = _;
  473.  
  474.         // Sometimes the old school data cycle trick fails,
  475.         // however this always works.
  476.         var _ = videoRenderer.cloneNode();
  477.         _.data = videoRenderer.data;
  478.         for (var i in videoRenderer.properties)
  479.         {
  480.             _[i] = videoRenderer[i];
  481.         }
  482.         videoRenderer.insertAdjacentElement("afterend", _);
  483.         videoRenderer.remove();
  484.     }
  485. }
  486.  
  487. /**
  488.  * Sometimes elements are reused on page updates, so fix that
  489.  *
  490.  * @return {void}
  491.  */
  492. function onDataUpdate()
  493. {
  494.     var videos = document.querySelectorAll("ytd-video-renderer, ytd-grid-video-renderer");
  495.  
  496.     for (var i = 0, l = videos.length; i < l; i++) if (ShortsTools.isShortsRenderer(videos[i]))
  497.     {
  498.         ShortsTools.transformShortsRenderer(videos[i]);
  499.     }
  500. }
  501.  
  502. /**
  503.  * I hope she makes lotsa spaghetti :D
  504.  * @async @return {Promise<void>}
  505.  */
  506. async function main()
  507. {
  508.     // If not Polymer, nothing happens
  509.     if (await YtdTools.isPolymer())
  510.     {
  511.         ShortsTools.watchForShorts();
  512.  
  513.         document.addEventListener("yt-page-data-updated", onDataUpdate);
  514.     }
  515. }
  516.  
  517. main();
  518.  
  519. })();
  520.  
  521. // Auto skip ads and force disable autopause (special thanks to CY Fung for the ads skip script code
  522. (() => {
  523.  
  524.   let popupState = 0;
  525.   let popupElement = null;
  526.  
  527.   const rate = 1;
  528.  
  529.   const Promise = (async () => { })().constructor;
  530.  
  531.   const PromiseExternal = ((resolve_, reject_) => {
  532.     const h = (resolve, reject) => { resolve_ = resolve; reject_ = reject };
  533.     return class PromiseExternal extends Promise {
  534.       constructor(cb = h) {
  535.         super(cb);
  536.         if (cb === h) {
  537.           /** @type {(value: any) => void} */
  538.           this.resolve = resolve_;
  539.           /** @type {(reason?: any) => void} */
  540.           this.reject = reject_;
  541.         }
  542.       }
  543.     };
  544.   })();
  545.  
  546.   const insp = o => o ? (o.polymerController || o.inst || o || 0) : (o || 0);
  547.  
  548.   let vload = null;
  549.  
  550.   const fastSeekFn = HTMLVideoElement.prototype.fastSeek || null;
  551.   const addEventListenerFn = HTMLElement.prototype.addEventListener;
  552.   if (!addEventListenerFn) return;
  553.   const removeEventListenerFn = HTMLElement.prototype.removeEventListener;
  554.   if (!removeEventListenerFn) return;
  555.  
  556.   const ytPremiumPopupSelector = 'yt-mealbar-promo-renderer.style-scope.ytd-popup-container:not([hidden])';
  557.  
  558.   const DEBUG = 0;
  559.  
  560.   const rand = (a, b) => a + Math.random() * (b - a);
  561.   const log = DEBUG ? console.log.bind(console) : () => 0;
  562.  
  563.   //$0.$['dismiss-button'].click()
  564.   const ytPremiumPopupClose = function () {
  565.     const popup = document.querySelector(ytPremiumPopupSelector);
  566.     if (popup instanceof HTMLElement) {
  567.       if (HTMLElement.prototype.closest.call(popup, '[hidden]')) return;
  568.       const cnt = insp(popup);
  569.       const btn = cnt.$ ? cnt.$['dismiss-button'] : 0;
  570.       if (btn instanceof HTMLElement && HTMLElement.prototype.closest.call(btn, '[hidden]')) return;
  571.       btn && btn.click();
  572.     }
  573.   }
  574.  
  575.   //div.video-ads.ytp-ad-module
  576.   const clickSkip = function () {
  577.     // ytp-ad-skip-button
  578.     const isAdsContainerContainsButton = document.querySelector('.video-ads.ytp-ad-module button');
  579.     if (isAdsContainerContainsButton) {
  580.  
  581.       const btnFilter = e => HTMLElement.prototype.matches.call(e, ".ytp-ad-overlay-close-button, .ytp-ad-skip-button-modern, .ytp-ad-skip-button") && !HTMLElement.prototype.closest.call(e, '[hidden]');
  582.       const btns = [...document.querySelectorAll('.video-ads.ytp-ad-module button[class*="ytp-ad-"]')].filter(btnFilter);
  583.       console.log('# of ads skip btns', btns.length);
  584.       if (btns.length !== 1) return;
  585.       const btn = btns[0];
  586.       if (btn instanceof HTMLElement) {
  587.         btn.click();
  588.       }
  589.  
  590.     }
  591.   };
  592.  
  593.   const adsEndHandlerHolder = function (evt) {
  594.  
  595.     adsEndHandler && adsEndHandler(evt);
  596.  
  597.   }
  598.  
  599.   let adsEndHandler = null;
  600.  
  601.  
  602.   const videoPlayingHandler = async function (evt) {
  603.     try {
  604.  
  605.       if (!evt || !evt.target || !evt.isTrusted || !(evt instanceof Event)) return;
  606.       const video = evt.target;
  607.  
  608.       const checkPopup = popupState === 1;
  609.       popupState = 0;
  610.  
  611.       const popupElementValue = popupElement;
  612.       popupElement = null;
  613.  
  614.       if (video.duration < 0.8) return;
  615.  
  616.       await vload.then();
  617.       if (!video.isConnected) return;
  618.  
  619.       const ytplayer = HTMLElement.prototype.closest.call(video, 'ytd-player, ytmusic-player');
  620.       if (!ytplayer || !ytplayer.is) return;
  621.  
  622.       const ytplayerCnt = insp(ytplayer);
  623.       const player_ = await (ytplayerCnt.player_ || ytplayer.player_ || ytplayerCnt.playerApi || ytplayer.playerApi || 0);
  624.       if (!player_) return;
  625.  
  626.       if (typeof ytplayerCnt.getPlayer === 'function' && !ytplayerCnt.getPlayer()) {
  627.         await new Promise(r => setTimeout(r, 40));
  628.       }
  629.       const playerController = await ytplayerCnt.getPlayer() || player_;
  630.       if (!video.isConnected) return;
  631.  
  632.       if ('getPresentingPlayerType' in playerController && 'getDuration' in playerController) {
  633.  
  634.         const ppType = await playerController.getPresentingPlayerType();
  635.  
  636.         log('m02a', ppType);
  637.         if (ppType === 1 || typeof ppType !== 'number') return; // ads shall be ppType === 2
  638.         // const progressState = player_.getProgressState();
  639.         // log('m02b', progressState);
  640.         // if(!progressState) return;
  641.         // const q = progressState.duration;
  642.  
  643.         // if (popupState === 1) console.debug('m05b:ytPremiumPopup', document.querySelector(ytPremiumPopupSelector))
  644.  
  645.         const q = video.duration;
  646.  
  647.         const ytDuration = await playerController.getDuration();
  648.         log('m02c', q, ytDuration, Math.abs(ytDuration - q));
  649.  
  650.         if (q > 0.8 && ytDuration > 2.5 && Math.abs(ytDuration - q) > 1.4) {
  651.           try {
  652.             log('m02s', 'fastSeek', q);
  653.             video.muted = true;
  654.             const w = Math.round(rand(582, 637) * rate);
  655.             const sq = q - w / 1000;
  656.  
  657.             adsEndHandler = null;
  658.  
  659.             const expired = Date.now() + 968;
  660.  
  661.             removeEventListenerFn.call(video, 'ended', adsEndHandlerHolder, false);
  662.             removeEventListenerFn.call(video, 'suspend', adsEndHandlerHolder, false);
  663.             removeEventListenerFn.call(video, 'durationchange', adsEndHandlerHolder, false);
  664.             addEventListenerFn.call(video, 'ended', adsEndHandlerHolder, false);
  665.             addEventListenerFn.call(video, 'suspend', adsEndHandlerHolder, false);
  666.             addEventListenerFn.call(video, 'durationchange', adsEndHandlerHolder, false);
  667.  
  668.             adsEndHandler = async function (evt) {
  669.               adsEndHandler = null;
  670.  
  671.               removeEventListenerFn.call(video, 'ended', adsEndHandlerHolder, false);
  672.               removeEventListenerFn.call(video, 'suspend', adsEndHandlerHolder, false);
  673.               removeEventListenerFn.call(video, 'durationchange', adsEndHandlerHolder, false);
  674.  
  675.               if (Date.now() < expired) {
  676.  
  677.                 const delay = Math.round(rand(92, 117));
  678.                 await new Promise(r => setTimeout(r, delay));
  679.  
  680.                 Promise.resolve().then(() => {
  681.                   clickSkip();
  682.                 }).catch(console.warn);
  683.  
  684.                 checkPopup && Promise.resolve().then(() => {
  685.                   const currentPopup = document.querySelector(ytPremiumPopupSelector);
  686.                   if (popupElementValue ? currentPopup === popupElementValue : currentPopup) {
  687.                     ytPremiumPopupClose();
  688.                   }
  689.                 }).catch(console.warn);
  690.               }
  691.  
  692.             };
  693.  
  694.             if (fastSeekFn) fastSeekFn.call(video, sq);
  695.             else video.currentTime = sq;
  696.  
  697.           } catch (e) {
  698.             console.warn(e);
  699.           }
  700.         }
  701.  
  702.       }
  703.  
  704.     } catch (e) {
  705.       console.warn(e);
  706.     }
  707.  
  708.   };
  709.  
  710.   document.addEventListener('loadedmetadata', async function (evt) {
  711.     try {
  712.  
  713.       if (!evt || !evt.target || !evt.isTrusted || !(evt instanceof Event)) return;
  714.  
  715.       const video = evt.target;
  716.       if (video.nodeName !== "VIDEO") return;
  717.       if (video.duration < 0.8) return;
  718.       if (!video.matches('.video-stream.html5-main-video')) return;
  719.  
  720.       popupState = 0;
  721.  
  722.       vload = new PromiseExternal();
  723.  
  724.       popupElement = document.querySelector(ytPremiumPopupSelector);
  725.  
  726.       removeEventListenerFn.call(video, 'playing', videoPlayingHandler, { passive: true, capture: false });
  727.  
  728.       addEventListenerFn.call(video, 'playing', videoPlayingHandler, { passive: true, capture: false });
  729.  
  730.       popupState = 1;
  731.  
  732.       let trial = 6;
  733.  
  734.       await new Promise(resolve => {
  735.  
  736.         let io = new IntersectionObserver(entries => {
  737.           if (trial-- <= 0 || (entries && entries.length >= 1 && video.matches('ytd-player video, ytmusic-player video'))) {
  738.             resolve();
  739.             io.disconnect();
  740.             io = null;
  741.           }
  742.         });
  743.         io.observe(video);
  744.  
  745.       });
  746.  
  747.       vload.resolve();
  748.  
  749.     } catch (e) {
  750.       console.warn(e);
  751.     }
  752.  
  753.   }, true);
  754.  
  755. })();
  756.  
  757. Object.defineProperties(document, { /*'hidden': {value: false},*/ 'webkitHidden': {value: false}, 'visibilityState': {value: 'visible'}, 'webkitVisibilityState': {value: 'visible'} });
  758.  
  759. setInterval(function(){
  760.     document.dispatchEvent( new KeyboardEvent( 'keyup', { bubbles: true, cancelable: true, keyCode: 143, which: 143 } ) );
  761. }, 60000);