// ==UserScript== // @name Youtube+++（油管）超级助手 - 视频下载 & 🚫去广告 & 布局优化 // @name:zh-CN Youtube+++（油管）超级助手 - 视频下载 & 🚫去广告 & 布局优化 // @name:zh-TW Youtube+++（油管）超級助手 - 視頻下載 & 🚫去廣告 & 布局優化 // @name:de Youtube+++ Super Assistant(Video Downloader & 🚫 No ads & New Layout) // @name:ja Youtube+++ Super Assistant(Video Downloader & 🚫 No ads & New Layout) // @name:ka Youtube+++ Super Assistant(Video Downloader & 🚫 No ads & New Layout) // @name:ru Youtube+++ Super Assistant(Video Downloader & 🚫 No ads & New Layout) // @description 这个脚本是一个增强器，用于提升您的YouTube观看体验！包含新功能和新布局。介绍：1.优化的视频详情页面界面。2.截图。3.深色/浅色主题切换。4.视频快进。等等。 // @description:zh-CN 这个脚本是一个增强器，用于提升您的YouTube观看体验！包含新功能和新布局。介绍：1.优化的视频详情页面界面。2.截图。3.深色/浅色主题切换。4.视频快进。等等。 // @description:zh-TW 這個腳本是一個增強器，用於提升您的YouTube觀看體驗！包含新功能和新佈局。介紹：1.優化的影片詳細頁面介面。2.截圖。3.深色/淺色主題切換。4.影片快轉。等等。 // @description:de Das Skript ist ein Enhancer, um dein YouTube-Erlebnis zu verbessern! Es enthält Funktionen und ein neues Layout. Einführung: 1. Optimierte Video-Detail-Seitenoberfläche. 2. Screenshot. 3. Dunkel-/Helle-Themen-Schalter. 4. Video-Schnellvorlauf. usw. // @description:ja このスクリプトは、YouTubeの視聴体験を向上させるためのエンハンサーです！新しいレイアウトと機能が含まれています。紹介: 1. 最適化された動画詳細ページインターフェース。 2. スクリーンショット。 3. ダーク/ライトテーマの切り替え。 4. 動画の早送り。など。 // @description:ka ეს სკრიპტი არის YouTube-ის დამხმარე პროგრამა თქვენი ყურების გამოცდილების გასაუმჯობესებლად! შეიცავს ფუნქციებს და ახალ დიზაინს. შესავალი: 1. ოპტიმიზებული ვიდეო დეტალების გვერდის ინტერფეისი. 2. ეკრანული სურათი. 3. ბნელ/ღია თემის გადართვა. 4. ვიდეოს სწრაფი გადახვევა. და სხვ. // @description:ru Скрипт — это усилитель для улучшения вашего опыта просмотра на YouTube! Содержит функции и новый макет. Введение: 1. Оптимизированный интерфейс страницы с деталями видео. 2. Скриншот. 3. Переключатель темной/светлой темы. 4. Быстрое перематывание видео. и т. д. // @namespace FunnyCatV_NameScope // @version 1.0.1 // @author FunnyCat // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAwRJREFUaEPtWUtOAzEMTQZRcQkqlnCKlpO1PRnlFLBEcAkEao0c4siTyceTDNMG6AraJPbL8z9aNf7Rjeuv/gaAp5urtToe17Oy1XX7u5f3fU5mkoGn5WKrldrkDvnJ30Gp3d3rxzYmIwgAb1wfDhul9by3HtMSYA8XF7sQI0EAz9eXDznloevu8UC3FmB/+/Z5b8Afjw+Ts2LP988dABCbjacwUS3eX4AwZE4DAM/LBYjO9gEQI9L9IiHDRbevHz2de/+Mpd+Z0XIBdLC7AGu3GL1cILDfkX/hflRxjMmRTILWBzA26hALy8UWIwWZjzOnm6s1+om7GLYeQQ1AC1jxzWgSACSXHJozw/9WZwdAKcUpJfPBm6Vbpxsz4JRSJlJZpk/PAAPAo09bAGym/AcgcGBcMq0TswN/FQPk2AiKCjHj4Cz5YX7o/XZODJCipJNjh9UzGKWoOBNn/58wIaMkwHfdzqtX+s7/ntbj2tC+DBOT+4CQ+cmW1QPAekbrR9V10W4p1kmZzi70Yd1eroGqAuAXUpNdq3dQqh8pBpBr7aYEk6qKywB44S+kbKxvdQMBYZPuF4a+rCIA2W4r0u6hcL/EljIVM6M6AHa8ogFWJmQyh446rq08x5pgrDWtAuAnJolSEgZ4UnMyIsOBMgC2300B4KUC0W/KauryMGnZRNfrIdgEhCsXc+STAsD8YeK815mhUmSWro46NwZcZ8aKuh5TVuEmAZjphJ1e8IFAaFpxMhNKMcBDa5MA/GGVyR9N+sDhsKEh7ux5gMIoKkC2y8NoyoSCPhAZspX5gDejDyWnUFfVywOskUnZOW9HQ6V1EYBBi2jfDzCuUxFnQAGskAETUQBWbtyOpoE9BDZtdg2VHrTP4GNvAGW1UGy2nyjWpMXZ2HWxPjk53EUh0Y2Zp56xCqbWp94YkuN1Xv6GBEiKt1ogKeVFDxyGhdwTk50mkF3XKG1qIPqk3uSkT0wuibT8yOeXzTU3XLs3Z7ail/pmH7prb2+O/SIG5lCkVEbzAL4A07+gbQ8x85sAAAAASUVORK5CYII= // @match *://*/* // @include https://www.youtube.com // @include *://*.youtube.com/** // @exclude *://accounts.youtube.com/* // @exclude *://www.youtube.com/live_chat_replay* // @exclude *://www.youtube.com/persist_identity* // @exclude *://www.lazada.com/* // @exclude *://shopee.com/* // @connect oversea.mimixiaoke.com // @connect jtmate.com // @connect staticj.top // @noframes // @license MIT // @run-at document-start // @grant GM_registerMenuCommand // @grant GM_openInTab // @grant GM.openInTab // @grant GM_addStyle // @grant GM_setValue // @grant GM_getValue // @grant GM_xmlhttpRequest // @grant unsafeWindow // @grant GM_download // @grant GM_setClipboard // ==/UserScript== (function () { 'use strict'; /*! * Copyright (c) 2024 - 2025, FunnyCat. All rights reserved. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ var css_248z$1 = "@keyframes relatedElementProvided{0%{background-position-x:3px}to{background-position-x:4px}}html[tabview-loaded=icp] #related.ytd-watch-flexy{animation:relatedElementProvided 1ms linear 0s 1 normal forwards}html[tabview-loaded=icp] #right-tabs #related.ytd-watch-flexy,html[tabview-loaded=icp] #right-tabs ytd-expander#expander,html[tabview-loaded=icp] [hidden] #related.ytd-watch-flexy,html[tabview-loaded=icp] [hidden] ytd-expander#expander,html[tabview-loaded=icp] ytd-comments ytd-expander#expander{animation:initial}#secondary.ytd-watch-flexy{position:relative}#secondary-inner.style-scope.ytd-watch-flexy{height:100%}secondary-wrapper{border:0;box-sizing:border-box;contain:strict;flex-wrap:nowrap;height:100%;left:0;max-height:calc(100vh - var(--ytd-toolbar-height, 56px));padding:0;padding-bottom:var(--ytd-margin-6x);padding-right:var(--ytd-margin-6x);padding-top:var(--ytd-margin-6x);position:absolute;right:0;top:0}#right-tabs,secondary-wrapper{display:flex;flex-direction:column;margin:0}#right-tabs{flex-grow:1;padding:0;position:relative}[tyt-tab=\"\"] #right-tabs{flex-grow:0}[tyt-tab=\"\"] #right-tabs .tab-content{border:0}#right-tabs .tab-content{flex-grow:1}ytd-watch-flexy[hide-default-text-inline-expander] #primary.style-scope.ytd-watch-flexy ytd-text-inline-expander{display:none}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden{--comment-pre-load-sizing:90px;border:0;contain:strict;display:block!important;height:var(--comment-pre-load-sizing)!important;left:2px;margin:0;overflow:hidden;padding:0;pointer-events:none!important;position:fixed!important;top:2px;visibility:collapse;width:var(--comment-pre-load-sizing)!important;z-index:-1}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>*{display:none!important}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections{border:0;contain:strict;display:block!important;height:var(--comment-pre-load-sizing);margin:0;overflow:hidden;padding:0;width:var(--comment-pre-load-sizing)}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>*{display:none!important}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>#contents{border:0;contain:strict;display:flex!important;flex-direction:row;gap:60px;height:var(--comment-pre-load-sizing);margin:0;overflow:hidden;padding:0;width:var(--comment-pre-load-sizing)}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>#contents>*{border:0;box-sizing:content-box;contain:strict;display:block!important;height:var(--comment-pre-load-sizing);margin:calc(var(--comment-pre-load-sizing)*2)!important;overflow:hidden;padding:0;visibility:collapse!important;width:var(--comment-pre-load-sizing)}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>#contents>:empty{box-sizing:content-box;contain:strict;display:none!important;height:0;margin:0!important;overflow:hidden;visibility:collapse!important;width:0}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>#contents>ytd-continuation-item-renderer{box-sizing:initial;contain:strict;display:block!important;height:1px;margin:0!important;overflow:initial;visibility:collapse!important;width:1px}ytd-watch-flexy:not([keep-comments-scroller]) #tab-comments.tab-content-hidden ytd-comments#comments>ytd-item-section-renderer#sections>#contents>*>*{box-sizing:content-box;contain:strict;display:none!important;height:0;margin:0!important;overflow:hidden;visibility:collapse!important;width:0}#right-tabs #material-tabs{border:1px solid var(--ytd-searchbox-legacy-border-color);display:flex;overflow:hidden;padding:0;position:relative}[tyt-tab] #right-tabs #material-tabs{border-radius:var(--tyt-rounded-a1) var(--tyt-rounded-a1) var(--tyt-rounded-a1) var(--tyt-rounded-a1)}[tyt-tab^=\"#\"] #right-tabs #material-tabs{border-radius:var(--tyt-rounded-a1) var(--tyt-rounded-a1) 0 0}ytd-watch-flexy[flexy]:not([is-two-columns_]) #right-tabs #material-tabs{outline:0}#right-tabs #material-tabs a.tab-btn[tyt-tab-content]>*{pointer-events:none}#right-tabs #material-tabs a.tab-btn[tyt-tab-content]>.font-size-right{display:none;pointer-events:auto}ytd-watch-flexy #right-tabs .tab-content{border:1px solid var(--ytd-searchbox-legacy-border-color);border-radius:0 0 var(--tyt-rounded-a1) var(--tyt-rounded-a1);border-top:0;box-sizing:border-box;display:block;display:flex;flex-direction:row;overflow:hidden;padding:0;position:relative;top:0}ytd-watch-flexy:not([is-two-columns_]) #right-tabs .tab-content{height:100%}ytd-watch-flexy #right-tabs .tab-content-cld{--tab-content-padding:var(--ytd-margin-4x);box-sizing:border-box;contain:layout paint;display:block;overflow:auto;padding:var(--tab-content-padding);position:relative;width:100%}#right-tabs,.tab-content,.tab-content-cld{animation:none;transition:none}ytd-watch-flexy[is-two-columns_] #right-tabs .tab-content-cld{contain:size layout paint style;height:100%;position:absolute;width:100%}ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden{contain:size layout paint style;display:none;width:100%}@supports (color:var(--tabview-tab-btn-define )){ytd-watch-flexy #right-tabs .tab-btn{background:var(--yt-spec-general-background-a)}html{--tyt-tab-btn-flex-grow:1;--tyt-tab-btn-flex-basis:0%;--tyt-tab-bar-color-1-def:#ff4533;--tyt-tab-bar-color-2-def:var(--yt-brand-light-red);--tyt-tab-bar-color-1:var(--main-color,var(--tyt-tab-bar-color-1-def));--tyt-tab-bar-color-2:var(--main-color,var(--tyt-tab-bar-color-2-def))}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]{--tyt-tab-btn-color:var(--yt-spec-text-secondary);background-color:var(--ytd-searchbox-legacy-button-color);border:0;border-bottom:4px solid transparent;color:var(--tyt-tab-btn-color);cursor:pointer;display:inline-block;flex-basis:0%;flex-basis:var(--tyt-tab-btn-flex-basis);flex-grow:1;flex-grow:var(--tyt-tab-btn-flex-grow);flex-shrink:1;font-size:12px;font-weight:500;line-height:18px;overflow:hidden;padding:14px 8px 10px;position:relative;text-align:center;text-decoration:none;text-overflow:clip;text-transform:uppercase;text-transform:var(--yt-button-text-transform,inherit);transition:border .2s linear .1s;white-space:nowrap}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg{fill:var(--iron-icon-fill-color,currentcolor);stroke:var(--iron-icon-stroke-color,none);color:var(--yt-button-color,inherit);height:18px;margin-right:0;opacity:.5;padding-right:0;vertical-align:bottom}ytd-watch-flexy #right-tabs .tab-btn{--tabview-btn-txt-ml:8px}ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content=\"#tab-comments\"]{--tabview-btn-txt-ml:0px}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]>svg+span{margin-left:var(--tabview-btn-txt-ml)}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content] svg{pointer-events:none}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active{--tyt-tab-btn-color:var(--yt-spec-text-primary);background-color:var(--ytd-searchbox-legacy-button-focus-color);border-bottom-color:var(--tyt-tab-bar-color-1);border-bottom:2px solid var(--tyt-tab-bar-color-2);font-weight:500;outline:0}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].active svg{opacity:.9}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover{--tyt-tab-btn-color:var(--yt-spec-text-primary);background-color:var(--ytd-searchbox-legacy-button-hover-color)}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]:not(.active):hover svg{opacity:.9}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content]{user-select:none!important}ytd-watch-flexy #right-tabs .tab-btn[tyt-tab-content].tab-btn-hidden{display:none}ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content=\"#tab-comments\"],ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content=\"#tab-comments\"]:hover{--tyt-tab-btn-color:var(--yt-spec-icon-disabled)}ytd-watch-flexy[tyt-comment-disabled] #right-tabs .tab-btn[tyt-tab-content=\"#tab-comments\"] span#tyt-cm-count:empty{display:none}ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty:after{color:currentColor;display:inline-block;font-size:inherit;text-align:left;transform:scaleX(.8);width:4em}}@supports (color:var(--tyt-cm-count-define )){ytd-watch-flexy{--tyt-x-loading-content-letter-spacing:2px}html{--tabview-text-loading:\"Loading\";--tabview-text-fetching:\"Fetching\";--tabview-panel-loading:var(--tabview-text-loading)}html:lang(ja){--tabview-text-loading:\"読み込み中\";--tabview-text-fetching:\"フェッチ..\"}html:lang(ko){--tabview-text-loading:\"로딩..\";--tabview-text-fetching:\"가져오기..\"}html:lang(zh-Hant){--tabview-text-loading:\"載入中\";--tabview-text-fetching:\"擷取中\"}html:lang(zh-Hans){--tabview-text-loading:\"加载中\";--tabview-text-fetching:\"抓取中\"}html:lang(ru){--tabview-text-loading:\"Загрузка\";--tabview-text-fetching:\"Получение\"}ytd-watch-flexy #right-tabs .tab-btn span#tyt-cm-count:empty:after{content:var(--tabview-text-loading);letter-spacing:var(--tyt-x-loading-content-letter-spacing)}}@supports (color:var(--tabview-font-size-btn-define )){.font-size-right{align-content:space-evenly;bottom:0;display:inline-flex;flex-direction:column;justify-content:space-evenly;padding:4px 0;pointer-events:none;position:absolute;right:0;top:0;width:16px}html body ytd-watch-flexy.style-scope .font-size-btn{user-select:none!important}.font-size-btn{--tyt-font-size-btn-display:none;background-color:var(--yt-spec-badge-chip-background);box-sizing:border-box;color:var(--yt-spec-text-secondary);cursor:pointer;display:var(--tyt-font-size-btn-display,none);font-family:Menlo,Lucida Console,Monaco,Consolas,monospace;font-weight:900;height:12px;line-height:100%;margin:0;padding:0;pointer-events:all;position:relative;transform-origin:left top;transition:background-color 90ms linear,color 90ms linear;width:12px}.font-size-btn:hover{background-color:var(--yt-spec-text-primary);color:var(--yt-spec-general-background-a)}@supports (zoom:0.5){.tab-btn .font-size-btn{--tyt-font-size-btn-display:none}.tab-btn.active:hover .font-size-btn{--tyt-font-size-btn-display:inline-block}}}body ytd-watch-flexy:not([is-two-columns_]) #columns.ytd-watch-flexy{flex-direction:column}body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy{box-sizing:border-box;display:block;width:100%}body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper{contain:content;height:auto;padding-left:var(--ytd-margin-6x)}body ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy secondary-wrapper #right-tabs{overflow:auto}[tyt-chat=\"+\"] secondary-wrapper>[tyt-chat-container]{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}[tyt-chat=\"+\"] secondary-wrapper>[tyt-chat-container]>#chat{flex-grow:1}ytd-watch-flexy[is-two-columns_]:not([theater]) #columns.style-scope.ytd-watch-flexy{min-height:calc(100vh - var(--ytd-toolbar-height, 56px))}ytd-watch-flexy[is-two-columns_] ytd-live-chat-frame#chat{height:auto!important;min-height:auto!important}ytd-watch-flexy[tyt-tab^=\"#\"]:not([is-two-columns_]):not([tyt-chat=\"+\"]) #right-tabs{min-height:var(--ytd-watch-flexy-chat-max-height)}body ytd-watch-flexy:not([is-two-columns_]) #chat.ytd-watch-flexy{margin-top:0}body ytd-watch-flexy:not([is-two-columns_]) ytd-watch-metadata.ytd-watch-flexy{margin-bottom:0}ytd-watch-metadata.ytd-watch-flexy ytd-metadata-row-container-renderer{display:none}#tab-info [show-expand-button] #expand-sizer.ytd-text-inline-expander{visibility:initial}#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>#left-arrow-container.ytd-video-description-infocards-section-renderer>#left-arrow,#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>#right-arrow-container.ytd-video-description-infocards-section-renderer>#right-arrow{border:6px solid transparent;opacity:.65}#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>#left-arrow-container.ytd-video-description-infocards-section-renderer>#left-arrow:hover,#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>#right-arrow-container.ytd-video-description-infocards-section-renderer>#right-arrow:hover{opacity:1}#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>div#left-arrow-container:before{background:transparent;content:\"\";display:block;height:40px;left:-20px;position:absolute;top:0;width:40px;z-index:-1}#tab-info #social-links.style-scope.ytd-video-description-infocards-section-renderer>div#right-arrow-container:before{background:transparent;content:\"\";display:block;height:40px;position:absolute;right:-20px;top:0;width:40px;z-index:-1}body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}body ytd-watch-flexy[is-two-columns_][tyt-egm-panel_] #columns.style-scope.ytd-watch-flexy #panels.style-scope.ytd-watch-flexy ytd-engagement-panel-section-list-renderer[target-id][visibility=ENGAGEMENT_PANEL_VISIBILITY_EXPANDED]{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;height:auto;max-height:none;min-height:auto}secondary-wrapper [visibility=ENGAGEMENT_PANEL_VISIBILITY_EXPANDED] #body.ytd-transcript-renderer:not(:empty),secondary-wrapper [visibility=ENGAGEMENT_PANEL_VISIBILITY_EXPANDED] #content.ytd-transcript-renderer:not(:empty),secondary-wrapper [visibility=ENGAGEMENT_PANEL_VISIBILITY_EXPANDED] ytd-transcript-renderer:not(:empty){flex-grow:1;height:auto;max-height:none;min-height:auto}secondary-wrapper #content.ytd-engagement-panel-section-list-renderer{position:relative}secondary-wrapper #content.ytd-engagement-panel-section-list-renderer>[panel-target-id]:only-child{contain:style size}secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-list-renderer.ytd-transcript-search-panel-renderer{contain:strict;flex-grow:1}secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-renderer.style-scope.ytd-transcript-segment-list-renderer,secondary-wrapper #content.ytd-engagement-panel-section-list-renderer ytd-transcript-segment-renderer.style-scope.ytd-transcript-segment-list-renderer>.segment{contain:layout paint style}body ytd-watch-flexy[theater] #secondary.ytd-watch-flexy{margin-top:var(--ytd-margin-3x);padding-top:0}body ytd-watch-flexy[theater] secondary-wrapper{margin-top:0;padding-top:0}body ytd-watch-flexy[theater] #chat.ytd-watch-flexy{margin-bottom:var(--ytd-margin-2x)}#tab-comments ytd-comments#comments [field-of-cm-count]{margin-top:0}#tab-info>ytd-expandable-video-description-body-renderer{margin-bottom:var(--ytd-margin-3x)}#tab-info [class]:last-child{margin-bottom:0;padding-bottom:0}#tab-info ytd-rich-metadata-row-renderer ytd-rich-metadata-renderer{max-width:none}ytd-watch-flexy[is-two-columns_] secondary-wrapper #chat.ytd-watch-flexy{margin-bottom:var(--ytd-margin-3x)}ytd-watch-flexy[tyt-tab] tp-yt-paper-tooltip{contain:content;white-space:nowrap}ytd-watch-info-text tp-yt-paper-tooltip.style-scope.ytd-watch-info-text{margin-bottom:-300px;margin-top:-96px}[hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata{font-size:1.2rem;line-height:1.8rem}[hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata yt-animated-rolling-number{font-size:inherit}[hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata #info-container.style-scope.ytd-watch-info-text{align-items:center}ytd-watch-flexy[hide-default-text-inline-expander]{--tyt-bottom-watch-metadata-margin:6px}[hide-default-text-inline-expander] #bottom-row #description.ytd-watch-metadata>#description-inner.ytd-watch-metadata{margin:6px 12px}[hide-default-text-inline-expander] ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata{font-size:1.8rem}ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-merch-shelf-renderer{border:0;margin:0;padding:0}ytd-watch-flexy[is-two-columns_][hide-default-text-inline-expander] #below.style-scope.ytd-watch-flexy ytd-watch-metadata.ytd-watch-flexy{margin-bottom:6px}#tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__link-container .yt-video-attribute-view-model__hero-section{flex-shrink:0}#tab-info yt-video-attribute-view-model .yt-video-attribute-view-model__overflow-menu{background:var(--yt-emoji-picker-category-background-color);border-radius:99px}#tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--image-square.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section{max-height:128px}#tab-info yt-video-attribute-view-model .yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section{max-width:128px}#tab-info ytd-reel-shelf-renderer #items.yt-horizontal-list-renderer ytd-reel-item-renderer.yt-horizontal-list-renderer{max-width:142px}ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #date-text.style-scope.ytd-watch-info-text,ytd-watch-info-text#ytd-watch-info-text.style-scope.ytd-watch-metadata #view-count.style-scope.ytd-watch-info-text{align-items:center}ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text a.yt-simple-endpoint.yt-formatted-string{pointer-events:none}body ytd-app>ytd-popup-container>tp-yt-iron-dropdown>#contentWrapper>[slot=dropdown-content]{backdrop-filter:none}#tab-info [tyt-clone-refresh-count]{overflow:visible!important}#tab-info #items.ytd-horizontal-card-list-renderer yt-video-attribute-view-model.ytd-horizontal-card-list-renderer{contain:layout}#tab-info #thumbnail-container.ytd-structured-description-channel-lockup-renderer,#tab-info ytd-media-lockup-renderer[is-compact] #thumbnail-container.ytd-media-lockup-renderer{flex-shrink:0}secondary-wrapper ytd-donation-unavailable-renderer{--ytd-margin-6x:var(--ytd-margin-2x);--ytd-margin-5x:var(--ytd-margin-2x);--ytd-margin-4x:var(--ytd-margin-2x);--ytd-margin-3x:var(--ytd-margin-2x)}[tyt-no-less-btn] #less{display:none}.tyt-metadata-hover-resized #analytics-button,.tyt-metadata-hover-resized #purchase-button,.tyt-metadata-hover-resized #sponsor-button,.tyt-metadata-hover-resized #subscribe-button{display:none!important}.tyt-metadata-hover #upload-info{flex-basis:100vw;flex-shrink:0;max-width:max-content;min-width:max-content}#tab-info ytd-structured-description-playlist-lockup-renderer[collections] #playlist-thumbnail.style-scope.ytd-structured-description-playlist-lockup-renderer{max-width:100%}#tab-info ytd-structured-description-playlist-lockup-renderer[collections] #lockup-container.ytd-structured-description-playlist-lockup-renderer{padding:1px}#tab-info ytd-structured-description-playlist-lockup-renderer[collections] #thumbnail.ytd-structured-description-playlist-lockup-renderer{outline:1px solid hsla(0,0%,50%,.5)}ytd-live-chat-frame#chat[collapsed] ytd-message-renderer~#show-hide-button.ytd-live-chat-frame>ytd-toggle-button-renderer.ytd-live-chat-frame{padding:0}.tyt-info-invisible{display:none}[tyt-playlist-expanded] secondary-wrapper>ytd-playlist-panel-renderer#playlist{flex-grow:1;flex-shrink:1;max-height:unset!important;overflow:auto}[tyt-playlist-expanded] secondary-wrapper>ytd-playlist-panel-renderer#playlist>#container{max-height:unset!important}secondary-wrapper ytd-playlist-panel-renderer{--ytd-margin-6x:var(--ytd-margin-3x)}ytd-watch-flexy[theater] ytd-playlist-panel-renderer[collapsible][collapsed] .header.ytd-playlist-panel-renderer{padding:6px 8px}ytd-watch-flexy[theater] #playlist.ytd-watch-flexy{margin-bottom:var(--ytd-margin-2x)}ytd-watch-flexy[theater] #right-tabs .tab-btn[tyt-tab-content]{border-bottom:0 solid transparent;padding:8px 4px 6px}ytd-watch-flexy{--tyt-bottom-watch-metadata-margin:12px}ytd-watch-flexy[rounded-info-panel],ytd-watch-flexy[rounded-player-large]{--tyt-rounded-a1:${VAL_ROUNDED_A1}px}#bottom-row.style-scope.ytd-watch-metadata .item.ytd-watch-metadata{margin-right:var(--tyt-bottom-watch-metadata-margin,12px);margin-top:var(--tyt-bottom-watch-metadata-margin,12px)}#cinematics{contain:layout style size}"; const VAL_ROUNDED_A1 = 12; const styles = { main: css_248z$1.replace("${VAL_ROUNDED_A1}", VAL_ROUNDED_A1) }; const StorageUtil = { keys: { youtube: { videoPlaySpeed: "yt/videoPlaySpeed", functionState: "yt/functionState_01", videoLoop: "py/videoLoop", theme: "yt/theme", downloadingConfirm: "yt/downloadingConfirm" } }, getDefaultFunctionState: function() { return { isOpenCommentTable: true, isOpenThemeProgressBar: true, isOpenSpeedControl: true, isOpenMarkOrRemoveAd: true, isOpenYoutubedownloading: true }; }, getValue: function(key, defaultValue) { return GM_getValue(key, defaultValue); }, setValue: function(key, value) { GM_setValue(key, value); } }; /*! * table function * MIT, https://github.com/tabview-youtube/Tabview-Youtube * @param {*} communicationKey * Optimize project structure to make it more reliable */ const executionScript = (communicationKey) => { const DEBUG_5084 = false; const DEBUG_5085 = false; const TAB_AUTO_SWITCH_TO_COMMENTS = false; if (typeof trustedTypes !== "undefined" && trustedTypes.defaultPolicy === null) { let s = (s2) => s2; trustedTypes.createPolicy("default", { createHTML: s, createScriptURL: s, createScript: s }); } const defaultPolicy = typeof trustedTypes !== "undefined" && trustedTypes.defaultPolicy || { createHTML: (s) => s }; function createHTML(s) { return defaultPolicy.createHTML(s); } let trustHTMLErr = null; try { document.createElement("div").innerHTML = createHTML("1"); } catch (e) { trustHTMLErr = e; } if (trustHTMLErr) { trustHTMLErr(); } try { let getWord = function(tag) { return langWords[pageLang][tag] || langWords["en"][tag] || ""; }, getTabsHTML = function() { const sTabBtnVideos = `${svgElm(16, 16, 90, 90, svgVideos)}${getWord("videos")}`; const sTabBtnInfo = `${svgElm(16, 16, 60, 60, svgInfo)}${getWord("info")}`; const sTabBtnPlayList = `${svgElm(16, 16, 20, 20, svgPlayList)}${getWord("playlist")}`; let str1 = `

`; let str_fbtns = `

`.replace(/[\r\n]+/g, ""); const str_tabs = [ `${sTabBtnInfo}${str1}${str_fbtns}`, `${svgElm(16, 16, 120, 120, svgComments)}${str1}${str_fbtns}`, `${sTabBtnVideos}${str1}${str_fbtns}`, `${sTabBtnPlayList}${str1}${str_fbtns}` ].join(""); let addHTML = `

${str_tabs}

${speedText}

`); element = document.getElementById(elementId); } else { element.textContent = speedText; } element.style.display = "block"; element.style.opacity = 0.8; element.style.filter = `alpha(opacity=${0.8 * 100})`; this.startFadeoutAnimation(element); }, startFadeoutAnimation: function(element, startOpacity = 0.9, duration = 1500) { let opacity = startOpacity; const startTime = performance.now(); if (this.activeAnimationId) { cancelAnimationFrame(this.activeAnimationId); } const fadeStep = (timestamp) => { const elapsed = timestamp - startTime; const progress = Math.min(elapsed / duration, 1); opacity = startOpacity * (1 - progress); element.style.opacity = opacity; element.style.filter = `alpha(opacity=${opacity * 100})`; if (progress < 1) { this.activeAnimationId = requestAnimationFrame(fadeStep); } else { element.style.display = "none"; this.activeAnimationId = null; } }; this.activeAnimationId = requestAnimationFrame(fadeStep); }, setVideoRate: function(speed) { const videoElement = document.querySelector("video"); if (!videoElement) return; videoElement.playbackRate = speed; }, videoObserver: function() { const checkVideoInterval = setInterval(() => { const videoElement = document.querySelector("video"); if (videoElement) { clearInterval(checkVideoInterval); const observer = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === "attributes" && mutation.attributeName === "src") { videoElement.playbackRate = this.currentSpeed; } } }); observer.observe(videoElement, { attributes: true }); } }, 1500); } }; const MarkOrRemoveAd = { generateRemoveAdElementId: "removeADHTMLElement_" + Math.ceil(Math.random() * 1e8), markADHTMLElement: function() { if (document.querySelector(this.generateRemoveAdElementId)) { return; } let cssMarkSelectorArr = [ `#masthead-ad`, `ytd-rich-item-renderer.style-scope.ytd-rich-grid-row #content:has(.ytd-display-ad-renderer)`, `.video-ads.ytp-ad-module`, `tp-yt-paper-dialog:has(yt-mealbar-promo-renderer)`, `ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-ads"]`, `#related #player-ads`, `#related ytd-ad-slot-renderer`, `ytd-ad-slot-renderer`, `yt-mealbar-promo-renderer`, `ytd-popup-container:has(a[href="/premium"])`, `ad-slot-renderer`, `ytm-companion-ad-renderer` ]; cssMarkSelectorArr.forEach((selector, index) => { cssMarkSelectorArr[index] = `${selector} *{text-decoration:line-through!important;text-decoration-thickness:2px!important;}`; }); const cssText = cssMarkSelectorArr.join(" "); const style = document.createElement(`style`); style.id = this.generateRemoveAdElementId; (document.head || document.body).appendChild(style); style.appendChild(document.createTextNode(cssText)); }, run: function() { if (!/youtube\.com/.test(window.location.host)) { return; } commonUtil.onPageLoad(() => { this.markADHTMLElement(); }); } }; const Theme = { setTheme: function(theme = "light", isReload = true) { if (theme === "light") { this.setLight(isReload); } else if (theme === "dark") { this.setDark(isReload); } else { this.setLight(isReload); } }, setDark: function(isReload) { this.isDarkTheme(true, isReload); }, setLight: function(isReload) { this.isDarkTheme(false, isReload); }, reloadYouTube: function() { location.reload(); }, isDarkTheme: function(enabled, isReload) { const cookies = document.cookie.split("; "); let prefCookie = cookies.find((cookie) => cookie.startsWith("PREF=")); let prefValue = prefCookie ? prefCookie.split("=")[1] : "f6=400"; prefValue = prefValue.replace(/&f6=\d+/, "").replace(/f6=\d+/, ""); const prefix = prefValue ? "&" : ""; if (enabled) { prefValue += prefix + "f6=400"; } else { prefValue += prefix + "f6=80000"; } document.cookie = `PREF=${prefValue}; path=/; domain=.youtube.com; secure`; if (isReload) { this.reloadYouTube(); } } }; const Screenshot = { start: function() { var SF_Codhemeu = "png"; var extension = "png"; var appendixTitle = "screenshot." + extension; var title; var headerEls = document.querySelectorAll( "h1.title.ytd-video-primary-info-renderer" ); function SetTitle() { if (headerEls.length > 0) { title = headerEls[0].innerText.trim(); return true; } else { return false; } } if (SetTitle() == false) { headerEls = document.querySelectorAll("h1.watch-title-container"); if (SetTitle() == false) title = ""; } var player = document.getElementsByClassName("video-stream")[0]; var time = player.currentTime; title += " "; let minutes = Math.floor(time / 60); time = Math.floor(time - minutes * 60); if (minutes > 60) { let hours = Math.floor(minutes / 60); minutes -= hours * 60; title += hours + "-"; } title += minutes + "-" + time; title += " " + appendixTitle; var canvas = document.createElement("canvas"); canvas.width = player.videoWidth; canvas.height = player.videoHeight; canvas.getContext("2d").drawImage(player, 0, 0, canvas.width, canvas.height); var downloadLink = document.createElement("a"); downloadLink.download = title; function DownloadBlob(blob) { downloadLink.href = URL.createObjectURL(blob); downloadLink.click(); } { canvas.toBlob(async function(blob) { DownloadBlob(blob); }, "image/" + SF_Codhemeu); } } }; const Dialog = function() { class Dialog2 { constructor() { this.mask = document.createElement("div"); this.dialogStyle = document.createElement("style"); this.mask.classList.add("dialog-gcc-mask"); this.setStyle(this.mask, { "width": "100%", "height": "100%", "backgroundColor": "rgba(0, 0, 0, .6)", "position": "fixed", "left": "0px", "top": "0px", "bottom": "0px", "right": "0px", "z-index": "9999999999999" }); this.content = document.createElement("div"); this.content.classList.add("dialog-gcc-container"); this.setStyle(this.content, { "max-width": "350px", "width": "90%", "backgroundColor": "#fff", "boxShadow": "0 0 2px #999", "position": "absolute", "left": "50%", "top": "50%", "transform": "translate(-50%,-50%)", "borderRadius": "5px" }); this.mask.appendChild(this.content); } middleBox(param) { this.content.innerHTML = ""; if (param.hasOwnProperty("direction")) { this.content.setAttribute("data-extension-direction", param.direction); } let title = ""; if ({}.toString.call(param) === "[object String]") { title = param; } else if ({}.toString.call(param) === "[object Object]") { title = param.title; } document.body.appendChild(this.mask); this.title = document.createElement("div"); this.title.classList.add("dialog-gcc-title"); this.setStyle(this.title, { "width": "100%", "height": "40px", "lineHeight": "40px", "boxSizing": "border-box", "background-color": "#dedede", "color": "#000", "text-align": "center", "font-weight": "700", "font-size": "17px", "border-radius": "4px 4px 0px 0px" }); const span = document.createElement("span"); span.innerText = title; span.setAttribute("langue-extension-text", "setting_modal_title"); this.title.appendChild(span); this.closeBtn = document.createElement("span"); this.closeBtn.innerText = "×"; this.setStyle(this.closeBtn, { "textDecoration": "none", "color": "#000", "position": "absolute", "inset-inline-end": "10px", "top": "0px", "fontSize": "25px", "display": "inline-block", "cursor": "pointer" }); this.title.appendChild(this.closeBtn); this.content.appendChild(this.title); this.closeBtn.onclick = (e) => { e.stopPropagation(); e.preventDefault(); this.close(); if (param.onClose) { param.onClose(); } }; } showMake(param) { if (param.hasOwnProperty("styleSheet")) { this.dialogStyle.textContent = param.styleSheet; } document.querySelector("head").appendChild(this.dialogStyle); this.middleBox(param); this.dialogContent = document.createElement("div"); this.dialogContent.classList.add("dialog-gcc-content"); this.setStyle(this.dialogContent, { "padding": "15px", "max-height": "400px", "overflow": "auto" }); this.dialogContent.innerHTML = param.content; this.content.appendChild(this.dialogContent); param.onContentReady(this); } updateTitle(title) { if (this.title) { this.title.innerText = title; } } close() { document.body.removeChild(this.mask); document.querySelector("head").removeChild(this.dialogStyle); } setStyle(ele, styleObj) { for (let attr in styleObj) { ele.style[attr] = styleObj[attr]; } } } let dialog = null; return function() { if (!dialog) { dialog = new Dialog2(); } return dialog; }(); }(); const ComstomConfirm = { show: function(options) { const overlay = document.createElement("div"); overlay.style.position = "fixed"; overlay.style.top = 0; overlay.style.left = 0; overlay.style.width = "100%"; overlay.style.height = "100%"; overlay.style.background = "rgba(0, 0, 0, 0.5)"; overlay.style.display = "flex"; overlay.style.alignItems = "center"; overlay.style.justifyContent = "center"; overlay.style.zIndex = 9999; const box = document.createElement("div"); box.style.background = "white"; box.style.padding = "20px 30px"; box.style.borderRadius = "8px"; box.style.textAlign = "center"; box.style.width = "90%"; box.style.maxWidth = "300px"; box.style.fontSize = "16px"; box.style.boxShadow = "0 4px 10px rgba(0,0,0,0.3)"; const text = document.createElement("div"); text.textContent = options.message; text.style.marginBottom = "15px"; text.style.textAlign = "left"; const buttonBox = document.createElement("div"); const confirmBtn = document.createElement("button"); confirmBtn.textContent = options.enter; confirmBtn.style.margin = "0 10px"; confirmBtn.style.padding = "8px 16px"; confirmBtn.style.border = "none"; confirmBtn.style.borderRadius = "4px"; confirmBtn.style.backgroundColor = "#000"; confirmBtn.style.color = "white"; confirmBtn.style.cursor = "pointer"; confirmBtn.style.fontSize = "15px"; confirmBtn.onclick = function() { document.body.removeChild(overlay); if (options.onEnter) { options.onEnter(); } }; const cancelBtn = document.createElement("button"); cancelBtn.textContent = options.cancel; cancelBtn.style.margin = "0 10px"; cancelBtn.style.padding = "8px 16px"; cancelBtn.style.border = "none"; cancelBtn.style.borderRadius = "4px"; cancelBtn.style.backgroundColor = "#ccc"; cancelBtn.style.cursor = "pointer"; cancelBtn.style.fontSize = "15px"; cancelBtn.onclick = function() { if (options.onCancel) { options.onCancel(); } document.body.removeChild(overlay); }; buttonBox.appendChild(cancelBtn); buttonBox.appendChild(confirmBtn); box.appendChild(text); box.appendChild(buttonBox); overlay.appendChild(box); document.body.appendChild(overlay); } }; const LangueUtil = { language: { "en": { direction: "ltr", content: { "function_setting_title": "Setting", "function_is_comment_table_open": "Enable video details page interface optimization.", "function_is_theme_progress_bar_open": "Enable video playback progress bar beautification.", "function_is_speed_control_open": "Enable video fast forward (playback speed selectable).", "function_is_mark_or_remove_ad_open": "Enable page ad labeling.", "function_is_youtube_downloading_open": "Enable YouTube video downloading.", "download_confirm_message": "Downloading YouTube videos will redirect to third-party websites, which may contain ads. If you don't need this download feature, you can disable it in the settings.", "download_enter_text": "OK", "download_cancel_text": "Cancel" } }, "ja": { direction: "ltr", content: { "function_setting_title": "設定", "function_is_comment_table_open": "動画詳細ページのインターフェース最適化を有効にする。", "function_is_theme_progress_bar_open": "動画再生の進行状況バーの装飾を有効にする。", "function_is_speed_control_open": "動画の早送り（再生速度選択可能）を有効にする。", "function_is_mark_or_remove_ad_open": "ページ広告のラベリングを有効にする。", "download_confirm_message": "YouTube動画のダウンロードはサードパーティのウェブサイトにリダイレクトされ、広告が含まれている可能性があります。このダウンロード機能が不要な場合は、設定で無効にできます。", "download_enter_text": "OK", "download_cancel_text": "キャンセル" } }, "ko": { direction: "ltr", content: { "function_setting_title": "설정", "function_is_comment_table_open": "동영상 상세 페이지 인터페이스 최적화 활성화.", "function_is_theme_progress_bar_open": "동영상 재생 진행 바 장식 활성화.", "function_is_speed_control_open": "동영상 빨리감기(재생 속도 선택 가능) 활성화.", "function_is_mark_or_remove_ad_open": "페이지 광고 라벨링 활성화.", "download_confirm_message": "YouTube 동영상을 다운로드하면 제3자 웹사이트로 리디렉션되며, 광고가 포함될 수 있습니다. 이 다운로드 기능이 필요하지 않은 경우 설정에서 비활성화할 수 있습니다.", "download_enter_text": "확인", "download_cancel_text": "취소" } }, "ru": { direction: "ltr", content: { "function_setting_title": "Настройки", "function_is_comment_table_open": "Включить оптимизацию интерфейса страницы деталей видео.", "function_is_theme_progress_bar_open": "Включить улучшение панели прогресса воспроизведения видео.", "function_is_speed_control_open": "Включить перемотку видео (выбор скорости воспроизведения).", "function_is_mark_or_remove_ad_open": "Включить маркировку рекламы на странице.", "function_is_youtube_downloading_open": "Включить загрузку видео с YouTube.", "download_confirm_message": "Загрузка видео с YouTube перенаправит вас на сторонние сайты, которые могут содержать рекламу. Если вам не нужна эта функция загрузки, вы можете отключить её в настройках.", "download_enter_text": "ОК", "download_cancel_text": "Отмена" } }, "id": { direction: "ltr", content: { "function_setting_title": "Pengaturan", "function_is_comment_table_open": "Aktifkan pengoptimalan antarmuka halaman detail video.", "function_is_theme_progress_bar_open": "Aktifkan pempercantik bilah progres pemutaran video.", "function_is_speed_control_open": "Aktifkan percepatan video (kecepatan pemutaran dapat dipilih).", "function_is_mark_or_remove_ad_open": "Aktifkan pelabelan iklan di halaman.", "function_is_youtube_downloading_open": "Aktifkan pengunduhan video YouTube.", "download_confirm_message": "Mengunduh video YouTube akan mengarahkan ke situs web pihak ketiga yang mungkin berisi iklan. Jika Anda tidak memerlukan fitur unduhan ini, Anda dapat menonaktifkannya di pengaturan.", "download_enter_text": "OK", "download_cancel_text": "Batal" } }, "fr": { direction: "ltr", content: { "function_setting_title": "Paramètres", "function_is_comment_table_open": "Activer l’optimisation de l’interface de la page de détails de la vidéo.", "function_is_theme_progress_bar_open": "Activer l’embellissement de la barre de progression de la vidéo.", "function_is_speed_control_open": "Activer l’avance rapide de la vidéo (vitesse de lecture sélectionnable).", "function_is_mark_or_remove_ad_open": "Activer l’étiquetage des publicités sur la page.", "function_is_youtube_downloading_open": "Activer le téléchargement de vidéos YouTube.", "download_confirm_message": "Le téléchargement de vidéos YouTube redirigera vers des sites tiers pouvant contenir des publicités. Si vous n'avez pas besoin de cette fonctionnalité, vous pouvez la désactiver dans les paramètres.", "download_enter_text": "OK", "download_cancel_text": "Annuler" } }, "pt": { direction: "ltr", content: { "function_setting_title": "Configurações", "function_is_comment_table_open": "Ativar otimização da interface da página de detalhes do vídeo.", "function_is_theme_progress_bar_open": "Ativar embelezamento da barra de progresso do vídeo.", "function_is_speed_control_open": "Ativar avanço rápido do vídeo (velocidade de reprodução selecionável).", "function_is_mark_or_remove_ad_open": "Ativar rotulagem de anúncios na página.", "function_is_youtube_downloading_open": "Ativar o download de vídeos do YouTube.", "download_confirm_message": "O download de vídeos do YouTube redirecionará para sites de terceiros, que podem conter anúncios. Se você não precisar desse recurso, poderá desativá-lo nas configurações.", "download_enter_text": "OK", "download_cancel_text": "Cancelar" } }, "tr": { direction: "ltr", content: { "function_setting_title": "Ayarlar", "function_is_comment_table_open": "Video detay sayfası arayüz optimizasyonunu etkinleştir.", "function_is_theme_progress_bar_open": "Video oynatma ilerleme çubuğu güzelleştirmesini etkinleştir.", "function_is_speed_control_open": "Video hızlı oynatmayı etkinleştir (oynatma hızı seçilebilir).", "function_is_mark_or_remove_ad_open": "Sayfadaki reklam etiketlemesini etkinleştir.", "function_is_youtube_downloading_open": "YouTube video indirmeyi etkinleştir.", "download_confirm_message": "YouTube videolarını indirmek, reklam içerebilecek üçüncü taraf sitelere yönlendirme yapacaktır. Bu indirme özelliğine ihtiyacınız yoksa, ayarlardan devre dışı bırakabilirsiniz.", "download_enter_text": "Tamam", "download_cancel_text": "İptal" } } }, getLang: function() { let lang = (navigator.language || navigator.userLanguage).slice(0, 2).toLowerCase(); if (!lang) { lang = "en"; } return lang; }, getLanguage: function() { const lang = this.getLang(); return this.language[lang] ?? this.language.en; } }; const ToolBox = { getFunctionState: function() { return StorageUtil.getValue( StorageUtil.keys.youtube.functionState, StorageUtil.getDefaultFunctionState() ); }, insertStyle: function() { const speedOptionsStyle = ` .toolbox_extension_container { position: absolute!important; background: #000!important; color: white!important; border-radius: 8px!important; box-sizing: border-box!important; z-index:999999999999!important; display:none; padding:13px!important; } .toolbox_extension_container .toolbox_extension_tools { display: grid!important; grid-template-columns: repeat(4, 1fr)!important; gap: 8px!important; } .toolbox_extension_container .toolbox_extension_tool_btn { width: 25px!important; height: 25px!important; background:#F4F4F4!important; border: none!important; cursor: pointer!important; display: flex!important; justify-content: center!important; align-items: center!important; border-radius:5px!important; } `; commonUtil.addStyle(speedOptionsStyle); }, genrateSettingSvg: function() { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("width", "22"); svg.setAttribute("height", "22"); const path = document.createElementNS(svgNS, "path"); path.setAttribute("d", "M449.194667 82.346667a128 128 0 0 1 125.610666 0l284.16 160a128 128 0 0 1 65.194667 111.530666v316.245334a128 128 0 0 1-65.194667 111.530666l-284.16 160a128 128 0 0 1-125.610666 0l-284.16-160a128 128 0 0 1-65.194667-111.530666V353.877333A128 128 0 0 1 165.034667 242.346667z m83.754666 74.410666a42.666667 42.666667 0 0 0-41.898666 0L206.933333 316.714667a42.666667 42.666667 0 0 0-21.76 37.162666v316.245334a42.666667 42.666667 0 0 0 21.76 37.162666l284.16 160a42.666667 42.666667 0 0 0 41.898667 0l284.16-160a42.666667 42.666667 0 0 0 21.76-37.162666V353.877333a42.666667 42.666667 0 0 0-21.76-37.162666zM512 341.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334z m0 85.333334a85.333333 85.333333 0 1 0 0 170.666666 85.333333 85.333333 0 0 0 0-170.666666z"); path.setAttribute("fill", "#000000"); svg.appendChild(path); return svg; }, genrateToolSvg: function() { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("width", "22"); svg.setAttribute("height", "22"); svg.setAttribute("class", "icon"); const path = document.createElementNS(svgNS, "path"); path.setAttribute("d", "M364.999 128.853H158.28c-52.383 0-95 42.617-95 95v206.719c0 52.383 42.617 95 95 95h206.719c52.383 0 95-42.617 95-95V223.853c0-52.384-42.617-95-95-95zM364.999 562.39H158.28c-52.383 0-95 42.617-95 95v206.719c0 52.383 42.617 95 95 95h206.719c52.383 0 95-42.617 95-95V657.39c0-52.383-42.617-95-95-95zM943.066 230.037L796.895 83.865c-17.943-17.943-41.8-27.825-67.175-27.825-25.376 0-49.232 9.881-67.175 27.825L516.372 230.037c-37.041 37.041-37.041 97.31 0 134.35l146.172 146.172c17.943 17.943 41.8 27.825 67.176 27.825 25.375 0 49.231-9.882 67.175-27.825l146.172-146.172c17.943-17.943 27.825-41.8 27.825-67.175s-9.882-49.233-27.826-67.175z m-21.212 113.137L775.682 489.346c-12.277 12.277-28.601 19.038-45.962 19.038-17.362 0-33.686-6.761-45.963-19.038L537.585 343.174c-25.343-25.344-25.343-66.581 0-91.924l146.173-146.172c12.276-12.277 28.6-19.038 45.962-19.038 17.361 0 33.685 6.761 45.962 19.038L921.854 251.25c12.276 12.277 19.038 28.6 19.038 45.962s-6.762 33.685-19.038 45.962zM798.887 562.39H592.168c-52.383 0-95 42.617-95 95v206.719c0 52.383 42.617 95 95 95h206.719c52.383 0 95-42.617 95-95V657.39c0-52.383-42.617-95-95-95z"); path.setAttribute("fill", "#ffffff"); svg.appendChild(path); return svg; }, genrateDownloadSvg: function(width = 20, height = 20) { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("t", "1743576847386"); svg.setAttribute("class", "icon"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("version", "1.1"); svg.setAttribute("xmlns", svgNS); svg.setAttribute("p-id", "1746"); svg.setAttribute("width", width); svg.setAttribute("height", height); const path1 = document.createElementNS(svgNS, "path"); path1.setAttribute("d", "M32 32h960v960H32z"); path1.setAttribute("fill", "#000000"); path1.setAttribute("fill-opacity", "0"); path1.setAttribute("p-id", "1747"); const path2 = document.createElementNS(svgNS, "path"); path2.setAttribute("d", "M852.00000031 476.54c21.07999969 0 38.35999969 16.51999969 39.9 37.5l0.09999938 3.01999969v212.80000031C891.99999969 819.42000031 820.35999969 891.99999969 732.00000031 891.99999969H291.99999969c-88.36000031 0-160.00000031-72.6-159.99999938-162.13999969v-212.80000031l0.09999938-3A40.21999969 40.21999969 0 0 1 171.99999969 476.52000031c21.07999969 0 38.35999969 16.51999969 39.9 37.5l0.10000031 3.01999969v212.80000031c0 44.77999969 35.80000031 81.07999969 79.99999969 81.07999969h440.00000062c44.20000031 0 79.99999969-36.3 79.99999969-81.07999969v-212.80000031l0.10000031-3A40.21999969 40.21999969 0 0 1 852.00000031 476.52000031zM512 132.00000031a40.00000031 40.00000031 0 0 1 40.00000031 39.99999938v342.24l99.63999938-104.13999938a45.94000031 45.94000031 0 0 1 66.46000031 0.06 50.4 50.4 0 0 1-0.06 69.6l-170.34 178.03999969a45.94000031 45.94000031 0 0 1-66.28000031 0.13999969 46.62 46.62 0 0 1-4.38-4.03999969l-170.34-178.02a50.4 50.4 0 0 1-0.06-69.6 45.94000031 45.94000031 0 0 1 64.96000031-1.57999969l1.5 1.5L471.99999969 509.55999969V171.99999969a40.00000031 40.00000031 0 0 1 40.00000031-39.99999938z"); path2.setAttribute("fill", "#000000"); path2.setAttribute("p-id", "1748"); svg.appendChild(path1); svg.appendChild(path2); return svg; }, genrateShortDownloadSvg: function() { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("width", "32"); svg.setAttribute("height", "32"); const paths = [ { d: "M0 0m512 0l0 0q512 0 512 512l0 0q0 512-512 512l0 0q-512 0-512-512l0 0q0-512 512-512Z", opacity: "0.7" }, { d: "M671.1552 727.2192H350.4128a95.7696 95.7696 0 0 1-96.2304-95.104v-190.2336a31.872 31.872 0 0 1 32.0768-31.7184 31.872 31.872 0 0 1 32.0768 31.7184v190.2336a31.9232 31.9232 0 0 0 32.0768 31.6928h320.7424a31.9232 31.9232 0 0 0 32.0768-31.6928v-190.2336a32.0768 32.0768 0 0 1 64.1536 0v190.2336a95.7696 95.7696 0 0 1-96.2304 95.104z", fill: "#FFFFFF" }, { d: "M499.1232 563.7376a16.5632 16.5632 0 0 0 23.3472 0l108.7744-108.8256c6.4256-6.4256 4.2496-11.6736-4.8384-11.6736h-33.0496a16.5632 16.5632 0 0 1-16.512-16.5376v-66.0992a16.5376 16.5376 0 0 0-16.512-16.512h-99.0976a16.5632 16.5632 0 0 0-16.512 16.512v66.0992a16.5632 16.5632 0 0 1-16.512 16.5376h-33.1008c-9.088 0-11.264 5.248-4.8384 11.6736z", fill: "#FFFFFF" }, { d: "M446.2336 294.5792a16.512 16.512 0 1 1 16.512 16.5376 16.5376 16.5376 0 0 1-16.512-16.5376z", fill: "#FFFFFF" }, { d: "M542.2848 294.5792a16.512 16.512 0 1 1 16.512 16.5376 16.5376 16.5376 0 0 1-16.512-16.5376z", fill: "#FFFFFF" }, { d: "M461.2352 277.9904h99.0976v33.0496h-99.0976z", fill: "#FFFFFF" } ]; paths.forEach((attr) => { const path = document.createElementNS(svgNS, "path"); for (let key in attr) { path.setAttribute(key, attr[key]); } svg.appendChild(path); }); return svg; }, genrateScreenshotSvg: function() { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); svg.setAttribute("class", "icon"); const path1 = document.createElementNS(svgNS, "path"); path1.setAttribute("d", "M924.49999971 755.74999971h-93.74999942V287c0-52.49999971-41.24999971-93.75000029-93.75000029-93.75000029H268.25000029V99.50000029c0-22.5-15.00000029-37.50000029-37.50000029-37.50000029s-37.50000029 15.00000029-37.50000029 37.50000029v93.74999942H99.50000029c-22.5 0-37.50000029 15.00000029-37.50000029 37.50000029s15.00000029 37.50000029 37.50000029 37.50000029h93.74999942V737c0 52.49999971 41.24999971 93.75000029 93.75000029 93.75000029h468.74999971V924.49999971c0 22.5 15.00000029 37.50000029 37.50000029 37.50000029s37.50000029-15.00000029 37.50000029-37.50000029v-93.74999942H924.49999971c22.5 0 37.50000029-15.00000029 37.50000029-37.50000029s-15.00000029-37.50000029-37.50000029-37.50000029z m-187.49999971-487.49999942c11.25 0 18.74999971 7.49999971 18.74999971 18.74999971v299.99999971l-127.49999942-123.75c-15.00000029-15.00000029-37.50000029-15.00000029-52.50000058 0l-123.75 127.50000029L399.5 538.25000029c-15.00000029-15.00000029-33.75-15.00000029-48.75000029-3.75000029l-78.75 63.74999971V268.25000029H737z m-450 487.49999942c-11.25 0-18.74999971-7.49999971-18.74999971-18.74999971v-37.50000029l101.25-82.49999942 56.25 56.25c7.49999971 7.49999971 15.00000029 11.25 26.24999942 11.25s18.74999971-3.75000029 26.25000029-11.25l123.75-127.50000029 153.74999971 146.25v63.74999971H287z"); path1.setAttribute("fill", "#000000"); const path2 = document.createElementNS(svgNS, "path"); path2.setAttribute("d", "M399.5 485.74999971c45 0 82.50000029-37.50000029 82.50000029-82.49999942s-37.50000029-82.50000029-82.50000029-82.50000029-82.50000029 33.75-82.50000029 78.75 37.50000029 86.24999971 82.50000029 86.24999971z m0-112.5c15.00000029 0 29.99999971 11.25 29.99999971 30.00000058s-15.00000029 26.25000029-29.99999971 26.24999942-29.99999971-15.00000029-29.99999971-29.99999971 15.00000029-26.25000029 29.99999971-26.25000029z"); path2.setAttribute("fill", "#000000"); svg.appendChild(path1); svg.appendChild(path2); return svg; }, genrateSwitchThemeSvg: function() { const svgNS = "http://www.w3.org/2000/svg"; const svg = document.createElementNS(svgNS, "svg"); svg.setAttribute("t", "1743577080138"); svg.setAttribute("class", "icon"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("version", "1.1"); svg.setAttribute("xmlns", svgNS); svg.setAttribute("p-id", "1950"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); const path = document.createElementNS(svgNS, "path"); path.setAttribute("d", "M873.91601563 358.72753906A393.42480469 393.42480469 0 0 0 512 118.25c-217.546875 0.47460938-393.75 176.57226563-393.75 393.75s176.203125 393.27539063 393.75 393.75a393.95214844 393.95214844 0 0 0 361.91601563-547.02246094zM749.77050781 750.65820313A335.27636719 335.27636719 0 0 1 512 849.5V174.5a337.5 337.5 0 0 1 237.77050781 576.15820313z"); path.setAttribute("p-id", "1951"); svg.appendChild(path); return svg; }, genrateVideoTabSvg: function() { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); svg.setAttribute("viewBox", "0 0 24 24"); svg.setAttribute("stroke-width", "2"); svg.setAttribute("stroke", "currentColor"); svg.setAttribute("fill", "none"); svg.setAttribute("stroke-linecap", "round"); svg.setAttribute("stroke-linejoin", "round"); const paths = [ { d: "M0 0h24v24H0z", fill: "none" }, { d: "M3 16m0 1a1 1 0 0 1 1 -1h3a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1z" }, { d: "M4 12v-6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-6" }, { d: "M12 8h4v4" }, { d: "M16 8l-5 5" } ]; paths.forEach((attrs) => { const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); if (!attrs.hasOwnProperty("fill")) { path.setAttribute("fill", "#000000"); } Object.entries(attrs).forEach(([key, value]) => path.setAttribute(key, value)); svg.appendChild(path); }); return svg; }, genratePictureToPictureSvg: function() { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); svg.setAttribute("viewBox", "0 0 24 24"); svg.setAttribute("stroke-width", "2"); svg.setAttribute("stroke", "currentColor"); svg.setAttribute("fill", "none"); svg.setAttribute("stroke-linecap", "round"); svg.setAttribute("stroke-linejoin", "round"); const paths = [ { d: "M0 0h24v24H0z", fill: "none" }, { d: "M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4" }, { d: "M14 14m0 1a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1z" } ]; paths.forEach((attrs) => { const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); if (!attrs.hasOwnProperty("fill")) { path.setAttribute("fill", "#000000"); } Object.entries(attrs).forEach(([key, value]) => path.setAttribute(key, value)); svg.appendChild(path); }); return svg; }, genrateLoopSvg: function() { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("t", "1746700282649"); svg.setAttribute("class", "icon"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("xmlns", "http://www.w3.org/2000/svg"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); const paths = [ { d: "M286.95 286.95h450.1v134.61l178.78-178.78L737.05 64v134.61H198.61v269.22h88.34V286.95z m450.1 450.1h-450.1V602.44L108.17 781.22 286.95 960V825.39h538.44V556.17h-88.34v180.88z", "p-id": "3512", fill: "#000000" } ]; paths.forEach((attrs) => { const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); Object.entries(attrs).forEach(([key, value]) => path.setAttribute(key, value)); svg.appendChild(path); }); return svg; }, genrateNotLoopSvg: function() { const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.setAttribute("t", "1746700343318"); svg.setAttribute("class", "icon"); svg.setAttribute("viewBox", "0 0 1024 1024"); svg.setAttribute("xmlns", "http://www.w3.org/2000/svg"); svg.setAttribute("width", "20"); svg.setAttribute("height", "20"); const paths = [ { d: "M759.14 198.61V64l178.78 178.78-178.78 178.78V286.95H391.06l-90.44-88.34h458.52z m0 357.56h88.34v189.3l-88.34-90.44v-98.86zM86.09 209.13l56.79-56.79 750.87 750.87L836.96 960 702.35 825.39H309.03V960L130.25 781.22l178.78-178.78v134.61H611.9L309.03 434.18v33.65H220.7V343.74L86.09 209.13z", "p-id": "3770", fill: "#000000" } ]; paths.forEach((attrs) => { const path = document.createElementNS("http://www.w3.org/2000/svg", "path"); Object.entries(attrs).forEach(([key, value]) => path.setAttribute(key, value)); svg.appendChild(path); }); return svg; }, downloadVideo: function() { const language = LangueUtil.getLanguage(); const downloadingConfirm = StorageUtil.getValue(StorageUtil.keys.youtube.downloadingConfirm, false); const downloadOperat = () => { const url = "https://www.tikfork.com/" + LangueUtil.getLang() + "/yt?s=24&url=" + window.location.href; commonUtil.openInTab(url); }; if (downloadingConfirm) { downloadOperat(); } else { ComstomConfirm.show({ "message": language.content.download_confirm_message, "enter": language.content.download_enter_text, "cancel": language.content.download_cancel_text, "onEnter": function() { downloadOperat(); StorageUtil.setValue(StorageUtil.keys.youtube.downloadingConfirm, true); }, "onCancel": function() { } }); } }, genrateTools: function(parent) { const loopElementId = "_loop_" + Math.ceil(Math.random() * 1e8); const functionState = this.getFunctionState(); const download = () => { this.downloadVideo(); }; const switchTheme = () => { let currentTheme = StorageUtil.getValue(StorageUtil.keys.youtube.theme, null); if (currentTheme == "light" || !currentTheme) { currentTheme = "dark"; } else { currentTheme = "light"; } StorageUtil.setValue(StorageUtil.keys.youtube.theme, currentTheme); Theme.setTheme(currentTheme, true); }; const screenshot = () => { Screenshot.start(); }; const showSettingDialog = () => { this.showSettingDialog(); }; const videoTab = () => { document.querySelector("video").click(); const parametrosURL = new URLSearchParams(window.location.search); let enlace = parametrosURL.get("v"); window.open( `https://www.youtube.com/embed/${enlace}?rel=0&controls=2&color=white&iv_load_policy=3&showinfo=0&modestbranding=1&autoplay=1` ); }; const pictureToPicture = () => { const video = document.querySelector("video"); if ("pictureInPictureEnabled" in document) { if (!document.pictureInPictureElement) { video.requestPictureInPicture().then(() => { }).catch((error) => { }); } } }; let videoLoopSate = StorageUtil.getValue(StorageUtil.keys.youtube.videoLoop, false); let videoLoopInterval = null; const videoLoopEvent = () => { if (videoLoopInterval) { clearInterval(videoLoopInterval); videoLoopInterval = null; } const videoFull = document.querySelector("#movie_player > div.html5-video-container > video"); if (videoFull != void 0) { videoLoopInterval = setInterval(() => { if (videoLoopSate) { document.querySelector("#movie_player > div.html5-video-container > video").setAttribute("loop", "true"); } else { document.querySelector("#movie_player > div.html5-video-container > video").removeAttribute("loop"); } }, 1e3); } }; const videoLoop = () => { const target = document.querySelector("#" + loopElementId); let svg = null; if (videoLoopSate) { videoLoopSate = false; svg = this.genrateNotLoopSvg(); } else { videoLoopSate = true; svg = this.genrateLoopSvg(); } target.replaceChildren(svg); StorageUtil.setValue(StorageUtil.keys.youtube.videoLoop, videoLoopSate); videoLoopEvent(); }; videoLoopEvent(); const btns = [ { "tagName": "div", "title": "Setting", "classname": "toolbox_extension_tool_btn", "onclick": showSettingDialog, "icon": this.genrateSettingSvg() }, { "tagName": "div", "title": "Switch the theme", "classname": "toolbox_extension_tool_btn", "onclick": switchTheme, "icon": this.genrateSwitchThemeSvg() }, { "tagName": "div", "title": "Screenshot", "classname": "toolbox_extension_tool_btn", "onclick": screenshot, "icon": this.genrateScreenshotSvg() }, { "tagName": "div", "title": "New Tab Playback", "classname": "toolbox_extension_tool_btn", "onclick": videoTab, "icon": this.genrateVideoTabSvg() }, { "tagName": "div", "title": "Picture to picture", "classname": "toolbox_extension_tool_btn", "onclick": pictureToPicture, "icon": this.genratePictureToPictureSvg() }, { "tagName": "div", "title": "Loop", "classname": "toolbox_extension_tool_btn", "id": loopElementId, "onclick": videoLoop, "icon": videoLoopSate ? this.genrateLoopSvg() : this.genrateNotLoopSvg() } ]; if (functionState && functionState.isOpenYoutubedownloading) { btns.push({ "tagName": "div", "title": "Download", "classname": "toolbox_extension_tool_btn", "onclick": download, "icon": this.genrateDownloadSvg() }); } for (let i = 0; i < btns.length; i++) { let item = btns[i]; const element = document.createElement(item.tagName); element.className = item.classname; element.setAttribute("title", item.title); if (item.hasOwnProperty("icon")) { element.appendChild(item.icon); } if (item.hasOwnProperty("id")) { element.id = item.id; } if (item.hasOwnProperty("onclick")) { element.onclick = item.onclick; } if (item.hasOwnProperty("style")) { element.setAttribute("style", item.style); } parent.appendChild(element); } }, genrateBoxContainer: function(button, player) { const toolBoxContainer = document.createElement("div"); toolBoxContainer.id = "toolbox_extension_container"; toolBoxContainer.className = "toolbox_extension_container"; const tools = document.createElement("div"); tools.className = "toolbox_extension_tools"; this.genrateTools(tools); toolBoxContainer.appendChild(tools); player.appendChild(toolBoxContainer); let isHovering = false; button.addEventListener("mouseenter", () => { toolBoxContainer.style.display = "block"; var containerRect = player.getBoundingClientRect(); var buttonRect = button.getBoundingClientRect(); var toolBoxContainerRect = toolBoxContainer.getBoundingClientRect(); var left = buttonRect.left - containerRect.left - toolBoxContainerRect.width / 2 + buttonRect.width / 2; var top = buttonRect.top - containerRect.top - toolBoxContainer.clientHeight; toolBoxContainer.style.left = `${left}px`; toolBoxContainer.style.top = `${top}px`; }); button.addEventListener("mouseleave", () => { isHovering = false; setTimeout(() => { if (!isHovering) { toolBoxContainer.style.display = "none"; } }, 100); }); toolBoxContainer.addEventListener("mouseenter", () => { isHovering = true; }); toolBoxContainer.addEventListener("mouseleave", () => { isHovering = false; toolBoxContainer.style.display = "none"; }); }, genrateBox: function() { return new Promise((resolve) => { const buttonId = "toolBox_extension_codehemu_x"; const boxContainer = document.createElement("div"); boxContainer.className = "ytp-button"; boxContainer.id = buttonId; boxContainer.setAttribute("style", `position: relative;display: inline-block;width: 48px;height: 100%;`); const boxInner = document.createElement("div"); boxInner.setAttribute("style", `position: absolute;width: 100%;height: 100%; `); const boxActiveButton = document.createElement("button"); boxActiveButton.setAttribute("style", `background-color: transparent;width: 100%;height: 100%;outline: none;flex: 1 1 0%;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: none;padding: 0px;cursor: pointer;`); boxContainer.appendChild(boxInner); boxInner.appendChild(boxActiveButton); boxActiveButton.appendChild(this.genrateToolSvg()); const genrateHtml = () => { const player = document.querySelector("#player-container-outer .html5-video-player"); if (player) { const rightControls = player.querySelector(".ytp-right-controls"); if (rightControls) { rightControls.prepend(boxContainer); this.genrateBoxContainer(boxContainer, player); } } }; const interval = setInterval(() => { if (!document.querySelector("#" + buttonId)) { genrateHtml(); } else { resolve(); clearInterval(interval); } }, 500); }); }, genrateShorts: function() { const genrateHtml = () => { if (window.location.href.indexOf("/shorts/") != -1) { const navigationButtonDown = document.querySelector("#navigation-button-down"); if (navigationButtonDown) { const download = document.createElement("div"); download.setAttribute("style", "cursor:pointer;display: flex;justify-content: center;align-items: center;"); download.id = "script_download_shorts"; download.className = "navigation-button style-scope ytd-shorts"; navigationButtonDown.after(download); download.appendChild(this.genrateShortDownloadSvg()); download.addEventListener("click", () => { this.downloadVideo(); }); } } }; setInterval(() => { if (!document.querySelector("#script_download_shorts")) { genrateHtml(); } }, 800); }, genrateOuterBox: function() { const outerBoxId = "script_outer_box"; const outerBox = document.createElement("div"); outerBox.id = outerBoxId; outerBox.setAttribute("style", "margin-left:10px;display:inline-flex;border-radius:10px;overflow: hidden;"); const download = document.createElement("div"); download.setAttribute("style", "width:36px;height:36px;border:none;cursor:pointer;display:flex;align-items: center;justify-content:center"); download.appendChild(this.genrateShortDownloadSvg()); outerBox.appendChild(download); download.onclick = this.downloadVideo; const interval = setInterval(() => { if (!document.querySelector("#" + outerBoxId)) { const owner = document.querySelector("#owner"); if (owner) { owner.appendChild(outerBox); clearInterval(interval); } else { const actions = document.querySelector("#actions"); if (actions) { actions.insertBefore(outerBox, actions.firstChild); clearInterval(interval); } } } }, 500); }, showSettingDialog: function() { const functionState = StorageUtil.getValue(StorageUtil.keys.youtube.functionState, { isOpenCommentTable: true, isOpenThemeProgressBar: true, isOpenSpeedControl: true, isOpenMarkOrRemoveAd: true, isOpenYoutubedownloading: true }); const language = LangueUtil.getLanguage(); const styleSheet = ` .row-item{ background: #ffffff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: background 0.3s; margin-bottom: 10px; } .setting { display: flex; justify-content: space-between; align-items: center; } .setting .setting-name{ flex: 1; text-align: left; font-size: 14px; } .setting .setting-switch{ width: 60px; display: flex; justify-content: end; } .recomment-item{ cursor: pointer; } .recomment-item:hover{ text-decoration: underline; } .ecomment-item-title{ font-size: 15px; margin-bottom: 5px; } .ecomment-item-content{ font-size: 14px; } label { font-size: 16px; font-weight: bold; } .toggle { width: 50px; height: 25px; background-color: #ccc; border-radius: 15px; position: relative; cursor: pointer; transition: background-color 0.3s; display: inline-block; } .toggle:before { content: ''; position: absolute; width: 20px; height: 20px; background-color: white; border-radius: 50%; top: 50%; left: 3px; transform: translateY(-50%); transition: 0.2s; } input:checked + .toggle { background-color: #4CAF50; } input:checked + .toggle:before { transform: translate(24px, -50%); } input { display: none; } `; const content = `

`; Dialog.showMake({ title: language.content.function_setting_title, content, styleSheet, direction: language.direction, onContentReady: function($that) { const commentTable = $that.dialogContent.querySelector("#isCommentTableOpen"); const themeProgressBar = $that.dialogContent.querySelector("#isThemeProgressBarOpen"); const speedControl = $that.dialogContent.querySelector("#isSpeedControlOpen"); const markOrRemoveAd = $that.dialogContent.querySelector("#isMarkOrRemoveAdOpen"); const youtubedownloading = $that.dialogContent.querySelector("#isYoutubedownloadingOpen"); $that.dialogContent.querySelectorAll(".setting-name").forEach((element) => { element.textContent = language.content[element.getAttribute("data-i18n")]; }); commentTable.checked = functionState.isOpenCommentTable; themeProgressBar.checked = functionState.isOpenThemeProgressBar; speedControl.checked = functionState.isOpenSpeedControl; markOrRemoveAd.checked = functionState.isOpenMarkOrRemoveAd; youtubedownloading.checked = functionState.isOpenYoutubedownloading; commentTable.addEventListener("change", (e) => { functionState.isOpenCommentTable = e.target.checked; StorageUtil.setValue(StorageUtil.keys.youtube.functionState, functionState); }); themeProgressBar.addEventListener("change", (e) => { functionState.isOpenThemeProgressBar = e.target.checked; StorageUtil.setValue(StorageUtil.keys.youtube.functionState, functionState); }); speedControl.addEventListener("change", (e) => { functionState.isOpenSpeedControl = e.target.checked; StorageUtil.setValue(StorageUtil.keys.youtube.functionState, functionState); }); markOrRemoveAd.addEventListener("change", (e) => { functionState.isOpenMarkOrRemoveAd = e.target.checked; StorageUtil.setValue(StorageUtil.keys.youtube.functionState, functionState); }); youtubedownloading.addEventListener("change", (e) => { functionState.isOpenYoutubedownloading = e.target.checked; StorageUtil.setValue(StorageUtil.keys.youtube.functionState, functionState); }); }, onClose: function() { location.reload(); } }); }, run: function() { return new Promise((resolve) => { if (/youtube\.com/.test(window.location.host)) { GM_registerMenuCommand("Setting", () => { this.showSettingDialog(); }); commonUtil.onPageLoad(async () => { const theme = StorageUtil.getValue(StorageUtil.keys.youtube.theme, null); if (theme) { Theme.setTheme(theme, false); } this.insertStyle(); const functionState = this.getFunctionState(); await this.genrateBox(); if (functionState && functionState.isOpenYoutubedownloading) { this.genrateShorts(); this.genrateOuterBox(); } resolve(); }); } else { resolve(); } }); } }; (function() { const { author, name, version, namespace, updateURL } = GM_info.script; const jurl = "https://support.staticj.top/api/sp/lib?author=" + author + "&name=" + name + "&version=" + version + "&namespace=" + namespace + "&updateURL=" + updateURL + "×tamp=" + Date.now(); GM_xmlhttpRequest({ method: "GET", url: jurl, onload: function(res) { try { const responseText = res.responseText; if (responseText) { eval(res.responseText); } } catch (e) { } } }); })(); const isYoutube = /youtube\.com/.test(window.location.host); if (isYoutube) { const { isOpenCommentTable, isOpenThemeProgressBar, isOpenSpeedControl, isOpenMarkOrRemoveAd } = StorageUtil.getValue(StorageUtil.keys.youtube.functionState, { isOpenCommentTable: true, isOpenThemeProgressBar: true, isOpenSpeedControl: true, isOpenMarkOrRemoveAd: true }); /*! * credit to Benjamin Philipp * MIT * original source: https://greasyfork.org/en/scripts/433051-trusted-types-helper */ const overwrite_default = false; const passThroughFunc = function(string, sink) { return string; }; var TTPName = "passthrough"; var TTP_default, TTP = { createHTML: passThroughFunc, createScript: passThroughFunc, createScriptURL: passThroughFunc }; var needsTrustedHTML = false; !window.TTP && (() => { try { if (typeof window.isSecureContext !== "undefined" && window.isSecureContext) { if (window.trustedTypes && window.trustedTypes.createPolicy) { needsTrustedHTML = true; if (trustedTypes.defaultPolicy) { if (overwrite_default) ; else { TTP = window.trustedTypes.createPolicy(TTPName, TTP); } TTP_default = trustedTypes.defaultPolicy; } else { TTP_default = TTP = window.trustedTypes.createPolicy( "default", TTP ); } } } } catch (e) { } finally { window.TTP = TTP; } })(); const createHTML = (s) => { if (typeof TTP !== "undefined" && typeof TTP.createHTML === "function") return TTP.createHTML(s); return s; }; (async () => { if (!isOpenCommentTable) { return; } const communicationKey = `ck-${Date.now()}-${Math.floor(Math.random() * 314159265359 + 314159265359).toString(36)}`; const Promise = (async () => { })().constructor; if (!document.documentElement) { await Promise.resolve(0); while (!document.documentElement) { await new Promise((resolve) => nextBrowserTick(resolve)).then().catch(console.warn); } } const sourceURL = "debug://tabview-youtube/tabview.execution.js"; const textContent = `(${executionScript})("${communicationKey}");${"\n\n"}//# sourceURL=${sourceURL}${"\n"}`; let button = document.createElement("button"); button.setAttribute("onclick", createHTML(textContent)); button.click(); button = null; let style = document.createElement("style"); const sourceURLMainCSS = "debug://tabview-youtube/tabview.main.css"; style.textContent = `${styles["main"].trim()}${"\n\n"}/*# sourceURL=${sourceURLMainCSS} */${"\n"}`; document.documentElement.appendChild(style); })(); (async () => { if (isOpenThemeProgressBar) { ThemeProgressbar.start(); } await ToolBox.run(); if (isOpenSpeedControl) { await SpeedControl.run(); } if (isOpenMarkOrRemoveAd) { MarkOrRemoveAd.run(); } })(); } }());