Greasy Fork is available in English.
让所有视频网页全屏，快捷键：P - 网页全屏，Enter - 全屏; 支持侧边点击切换网页全屏; 支持自动网页全屏
// ==UserScript== // @name 视频网页全屏 // @name:en Video Fullscreen // @namespace npm/vite-plugin-monkey // @version 3.10.5 // @author Feny // @description 让所有视频网页全屏，快捷键：P - 网页全屏，Enter - 全屏; 支持侧边点击切换网页全屏; 支持自动网页全屏 // @description:en Maximize all video players; Shortcut keys: P - Web Fullscreen, Enter - Fullscreen; Support side click to web fullscreen; Support auto web fullscreen // @license GPL-3.0-only // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABNNJREFUeF7tm09oHFUcx79vNtkElgQDwYMgaUJulVhIwXoIFAvtQRAPXnopQXZfchD00ksPKoh4KUQJksx7C4UUihREcvFQhB70UMmuYhXBGMRDmrAJ+Wf+2MSwP/kNb5fNZrPzkt3ZzCT7IIfszve93+/z+/NmZmcEzvkQ59x/HAIgpXwI4AoRrRHR9XQ6nWNIUsonAF6zAHZfKXWLj0smk72O4/xloQER3dZa3zW6m47jPLDRAbihlHrEx46MjHxORO9b6DYB/EJE6gAAKSWViR8ppW7wZ8PDwy/E4/E/ALzot4AQ4q7rureNUdeI6Ds/DX9PRLe01vcN8DsAPrXQ5WKx2PWJiYmnRjcN4C0LnXdIEYCU8ihhMaKpVOqSEOJnm8lLIyqlTALQNrrSiEopWcPaqoOInra3tw+Nj4//YyD8CuAVP105gGcAXqokKo2olPJtAN/YTF4WUY4mR9Vv5IQQQ67r/mmc4ey55icCUMzW0dHRC/l8/jcACT9daQaUp/8BbVlEPwAw5je5+X5IKfWDKYcHRHTTT8cRFUJcVkr9Z0rvJwC9fjoApf3nquM4j/001gBMjb6jtf7aOGPbcHL5fP5yOp2eNxG1babFiB6n9EqzNZVKDQsh7lWDcCwAPJFxJmucsWo4HFGt9ausMen5o00zLY3ocUoPwHtKqS+NjR8D+OgoCMcGACD3/Pnzi1NTUysmPb+3bDjFiCaTSav0NEZ/opT60DhjXXpCiDdd1/3WZOs9Ihqu2N8KH1bYAo/MnNKImvTkGvdtOACUUmqEJ7ZJz4IBQoh3Xdf1UllKyb2HQfgOIcRF13V/N+s9FkJcLRedJAO8OYhoWmvNOwIbdZyd4Y7W+jOb9Cwz9g2llNfUpJS8C3lr+4xcIpHoHRsb+9eUHusvlGpODMBA+EJr7UVDSmmdnrwTaK2/8kvPcuccx+mdnJz825QeO3PJj4AQ4onruq/zcZVKr3kt4EfwrH9fzICZmZlDDeKsO8/+FQFkMpmqZ4JnFUYTQCGyzQxolkCzBzSb4Fnt9NX8au4CjdoFOjo6EI/HEYvFsLW1hZ2dnVAkXOAZ0NLSgv7+fiQSB6+Wt7e3kcvlsLa2dqogAgfQ19eHrq6uI51kAAyCgZzGCBzAwMAAWltbfX1jCEtLS9jb2/M9tp4HBA5gcHDQ2l52niEwjEaNUAEoON3I/hBKAAUQjegPoQZQABFkf4gEAAYRVH+IDICg+kPkABRALC4uYmFhoebNIrIA2PN6QIg0gM3NTczOztaUBZEGwJ5ns97vtCcekQawsbGBubm5EzvPwkgDOLc9YH9/H/Pz81hZWakp+pHMgOXlZe9iaXd3t2bnIwVgfX3du1Lkzl/PEfoewLfOOOKrq6v19Ls4V2gBcJ2z4/xHFNwd+1ACqHedV0udUAEIqs5PFYDNPcGg6/xUAVS7K9yoOj9VALx4T08Puru7i3bk83nvJKae+/lJt4jAe0DBsM7OTrS1tXn/8r0+jn4YRsMAhMHZSjY0ARSoNB+RaT4i03xEJrgT7rB2wEbcEQqx755pxV0gm80+I6KKL02F3Yla7Ct9VnhaCGH9vl0ti4ZJe+Bx+fO4FR56XyCTyTwkoitCiJfDFKk621L51dk6LxKJ6c79GyP/A7T+4JsF5qmXAAAAAElFTkSuQmCC // @match *://*/* // @require https://unpkg.com/[email protected]/dist/sweetalert2.min.js // @resource Swal https://unpkg.com/[email protected]/dist/sweetalert2.min.css // @grant GM_addElement // @grant GM_addStyle // @grant GM_addValueChangeListener // @grant GM_getResourceText // @grant GM_getValue // @grant GM_registerMenuCommand // @grant GM_setValue // @grant GM_unregisterMenuCommand // @grant unsafeWindow // @run-at document-start // ==/UserScript== (n=>{const r=Symbol("added"),t=document.createElement("style");t.textContent=n,window.gmStyle=t,document.addEventListener("addStyle",({detail:{sroot:o}})=>{o[r]||o instanceof Document||(o.prepend(t.cloneNode(!0)),o[r]=!0)}),(GM_addStyle??(()=>document.head.append(t.cloneNode(!0))))(n)})(' @charset "UTF-8";[web-fullscr],body[web-fullscr] [web-fullscr]{top:0!important;left:0!important;margin:0!important;padding:0!important;zoom:normal!important;border:none!important;width:100vw!important;height:100vh!important;position:fixed!important;transform:none!important;max-width:none!important;max-height:none!important;border-radius:0!important;transition:none!important;z-index:2147483646!important;background-color:#000!important;flex-direction:column!important;overflow:hidden!important;display:flex!important}[web-fullscr] video,body[web-fullscr] [web-fullscr] video{top:0!important;left:0!important;width:100vw!important;border:none!important;transform:none!important;object-fit:contain!important;height:clamp(100vh - 100%,100vh,100%)!important}[web-fullscr]~*:not(.vpx-popup){display:none!important}.__v_edge{left:0!important;top:50%!important;opacity:0!important;width:20px!important;height:50%!important;position:absolute!important;z-index:2147483647!important;transform:translateY(-50%)!important;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAaBJREFUSEutlL8vBEEcxT9fpxSdVtQkGqqrHP8CoqDXSZTC7VpcRa3SCBJEclcgEQmNShDFKVRXKSj8atmv7Gbvsrd2Zydhus2+75v33rwZwXKpx0UAlTIlmxGxAQUY9dCI2GrGCvRn4tCu8CJLTCadmBTrCgcoPfGY2hRHgAmEwyR5FnHWzK8osoDq0hdm7NJoujEJSc24NdDJgCzwkHbAWqGfL+pp7kIBWa1QjyEpc2NqjQlj3QrbWjZxucQty3CHsMU3u+LylreRRDdqJAa8xmdaXB7D/rp00cFngmgPZUccTrM2SCNu4FNKnP42ykwKSdCQbaAqZe7i/3OjCFWvUsTnKsf+GUKVb2ri8mRFHJIvc48wmJct8AHMZdetQn+8w+oxC2xaEAeQdfMFgeFml7VCD188G4hfgRpKVRxq1lc6euECxYHy+LpEOKHAcdyh9SMU5TyGcN5GqyyKw1rSSTux4dlsPTzLXCEUo+93fEbF5dZIbHMw6jEPbIRY5UgcxtPmrOvWUuzQS4E60IUyJQ77/0IcZe0C3eKE6lPXDznkqgSwYj+tAAAAAElFTkSuQmCC),pointer!important}.__v_edge.right{right:0!important;left:auto!important}.vpx-popup{z-index:2147483647!important}.vpx-popup *{color:#555!important;box-sizing:border-box!important;font-family:Verdana,Geneva,Tahoma,sans-serif}.vpx-popup .swal2-popup{font-size:14px!important}.vpx-popup button:where(.swal2-styled){line-height:normal;color:#fff!important}.vpx-popup button:where(.swal2-styled):focus{box-shadow:none!important}.vpx-popup .swal2-cancel{background-color:#757575!important}.vpx-popup textarea:focus{outline:none!important;box-shadow:none!important;border-color:#3b82f6!important}.vpx-popup textarea{resize:none!important;font-size:12px!important;padding:2px 5px!important;line-height:normal!important;border:1px solid #cbd5e1!important}.vpx-popup p{margin:2px 0!important;font-size:12px!important}.vpx-textarea{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f5f5f5}.vpx-textarea:last-of-type{margin-bottom:0!important;padding-bottom:0!important;border-bottom:none!important}.vpx-textarea p{text-align:left!important}.vpx-textarea textarea{border-radius:3px;width:100%!important;height:130px!important}.vpx-textarea textarea::-webkit-scrollbar{width:4px}.vpx-textarea textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px} '); (function (Swal) { 'use strict'; const cssLoader = (e) => { const t = GM_getResourceText(e); return GM_addStyle(t), t; }; cssLoader("Swal"); const isElement = (node) => node instanceof Element; const getSRoot = (node) => node?._shadowRoot ?? node?.shadowRoot ?? null; function* getShadowRoots(root) { if (!root || ![Element, Document, ShadowRoot].some((type) => root instanceof type)) return; const acceptNode = (node) => isElement(node) && getSRoot(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP; const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, { acceptNode }, false); let walkerNode; while (walkerNode = walker.nextNode()) { if (walkerNode === root) continue; const sRoot = getSRoot(walkerNode); if (sRoot) { yield sRoot; yield* getShadowRoots(sRoot); } } } function querySelector(selector, ctx = document) { if (!ctx?.querySelector) return null; const direct = ctx.querySelector(selector); if (direct) return direct; for (const root of getShadowRoots(ctx)) { const match = root?.querySelector(selector); if (match) return match; } return null; } function querySelectorAll(selector, ctx = document) { if (!ctx?.querySelectorAll) return []; const results = [...ctx.querySelectorAll(selector)]; for (const root of getShadowRoots(ctx)) { if (root?.querySelectorAll) results.push(...root.querySelectorAll(selector)); } return results; } const Consts = Object.freeze({ P: "P", HALF_SEC: 500, ONE_SEC: 1e3, webFull: "web-fullscr", MSG_SOURCE: "SCRIPTS_VIDEO_FULLSCREEN", ICONS: { full: 0, webFull: 1 } }); const Tools = { isTopWin: () => window.top === window, scrollTop: (top) => window.scrollTo({ top }), getRect: (el) => el?.getBoundingClientRect(), microTask: (fn) => Promise.resolve().then(fn), hasMoveBefore: () => "moveBefore" in Element.prototype, query: (selector, ctx) => querySelector(selector, ctx), querys: (selector, ctx) => querySelectorAll(selector, ctx), sleep: (ms) => new Promise((resolve) => setTimeout(resolve, ms)), postMessage: (win, data) => win?.postMessage({ source: Consts.MSG_SOURCE, ...data }, "*"), isExecuted: (key, ctx = window.e9x ??= {}) => ctx?.[key] || !!(ctx && (ctx[key] = true), false), getIFrames: () => querySelectorAll("iframe:not([src=''], [src='#'], [id='buffer'], [id='install'])"), isVisible: (el) => !!(el && getComputedStyle(el).visibility !== "hidden" && (el.offsetWidth || el.offsetHeight)), preventDefault: (event) => event.preventDefault() & event.stopPropagation() & event.stopImmediatePropagation(), attr: (el, name, val) => el && name && el[val ? "setAttribute" : "removeAttribute"](name, val), emitEvent: (type, detail = {}) => document.dispatchEvent(new CustomEvent(type, { detail })), isInputable: (el) => ["INPUT", "TEXTAREA"].includes(el?.tagName) || el?.isContentEditable, newEle: (name, attrs = {}) => Object.assign(document.createElement(name), attrs), delCls: (el, ...cls) => el?.classList.remove(...cls), addCls: (el, ...cls) => el?.classList.add(...cls), freqTimes: /* @__PURE__ */ new Map(), isThrottle(key = "throttle", gap = 300) { const now = Date.now(); const last = this.freqTimes.get(key) ?? 0; const diff = now - last; return diff >= gap ? this.freqTimes.set(key, now) && false : true; }, countMap: /* @__PURE__ */ new Map(), isOverLimit(key = "default", max = 5) { const count = this.countMap.get(key) ?? 0; if (count < max) return this.countMap.set(key, count + 1) && false; return true; }, resetLimit(...keys) { const keyList = keys.length > 0 ? keys : ["default"]; keyList.forEach((key) => this.countMap.set(key, 0)); }, pointInElement(x, y, el) { if (!el) return false; const { top, left, right, bottom } = this.getRect(el); return x >= left && x <= right && y >= top && y <= bottom; }, getParent(el) { if (!el) return null; const parent = el.parentNode; if (parent instanceof ShadowRoot) return parent.host; return parent === document ? null : parent; }, getParents(el, max = Infinity, self = true) { const parents = self && el ? [el] : []; for (let current = el, deep = 0; current && deep < max; deep++) { current = this.getParent(current); current && parents.unshift(current); } return parents; }, setStyle(els, prop, val, priority) { if (!els || !prop) return; const fn = val ? "setProperty" : "removeProperty"; [].concat(els).forEach((el) => el?.style?.[fn]?.(prop, val, priority)); }, isAttached: (el) => !!el && el.isConnected && (!el.getRootNode?.()?.host || el.getRootNode().host.isConnected) }; class VideoEnhancer { static hackAttachShadow() { if (Element.prototype.__attachShadow) return; Element.prototype.__attachShadow = Element.prototype.attachShadow; Element.prototype.attachShadow = function(options) { if (this._shadowRoot) return this._shadowRoot; const shadowRoot = this._shadowRoot = this.__attachShadow.call(this, options); VideoEnhancer.detectShadowVideo(); return shadowRoot; }; Element.prototype.attachShadow.toString = () => Element.prototype.__attachShadow.toString(); } static detectShadowVideo() { if (Tools.isThrottle("shadow", 100)) return; const videos = Tools.querys("video:not([received])"); if (videos.length) videos.forEach(this.dispatchShadowVideo); } static dispatchShadowVideo(video) { const sroot = video.getRootNode(); if (!(sroot instanceof ShadowRoot)) return; Tools.emitEvent("shadow-video", { video }); Tools.emitEvent("addStyle", { sroot }); } static hookActiveVideo() { const original = HTMLMediaElement.prototype.play; HTMLMediaElement.prototype.play = function() { VideoEnhancer.dispatchShadowVideo(this); return original.apply(this, arguments); }; } } VideoEnhancer.hackAttachShadow(); const Listen = { isNoVideo: () => !window.vMeta && !window.topWin, isMutedLoop: (video) => video?.muted && video?.loop, init(isNonFirst = false) { this.host = location.host; this.setupVideoListeners(); this.setupKeydownListener(); this.setupMouseMoveListener(); this.setupFullscreenListener(); this.docEle = document.documentElement; if (isNonFirst) return; this.setupDocumentObserver(); this.setupShadowVideoListener(); this.setupIgnoreChangeListener(); VideoEnhancer.hookActiveVideo(); }, setupDocumentObserver() { new MutationObserver(() => { if (this.docEle === document.documentElement) return; this.init(true), document.head.append(gmStyle.cloneNode(true)); }).observe(document, { childList: true }); }, setupFullscreenListener() { document.addEventListener("fullscreenchange", () => { Tools.postMessage(window.top, { isFullscreen: !!document.fullscreenElement }); }); if (Tools.isExecuted("fsDoneHook")) return; Object.defineProperty(this, "isFullscreen", { get: () => this._isFullscreen, set: (value) => { this._isFullscreen = value; if (!(value && this.fsWrapper)) this.toggleWebFullscreen(); Tools.microTask(() => this.runFsChangeCode()); } }); }, setupMouseMoveListener() { const handle = ({ type, clientX, clientY }) => { if (Tools.isThrottle(type)) return; const video = this.getVideoForCoord(clientX, clientY); video && this.createEdgeElement(video); }; document.addEventListener("mousemove", handle, { passive: true }); }, getVideoForCoord(x, y) { if (Tools.pointInElement(x, y, this.player)) return this.player; const getZIndex = (el) => Number(getComputedStyle(el).zIndex) || 0; const videos = Tools.querys("video").filter((v) => Tools.pointInElement(x, y, v)); return videos.sort((a, b) => getZIndex(b) - getZIndex(a)).shift(); }, createEdgeElement(video) { if (document.readyState !== "complete") return; const container = this.getEdgeContainer(video); if (video.lArea?.parentNode === container) return; if (container instanceof Element && this.lacksRelativePosition(container)) { Tools.setStyle(container, "position", "relative"); } Tools.querys(".__v_edge", container).forEach((el) => el.remove()); if (video.lArea) return container.prepend(video.lArea, video.rArea); const createEdge = (cls = "") => { const element = Tools.newEle("div", { video, className: `__v_edge ${cls}` }); element.onclick = (e) => { Tools.preventDefault(e); this.setPlayer(e.target.video); Tools.sleep(5).then(() => this.dispatchShortcut(Consts.P, true)); }; return element; }; [video.lArea, video.rArea] = [createEdge(), createEdge("right")]; container.prepend(video.lArea, video.rArea); }, getEdgeContainer(video) { if (this.fsWrapper) return video.closest(`[${Consts.webFull}]`) ?? this.fsWrapper; const parent = video.parentNode; const sroot = video.getRootNode() instanceof ShadowRoot; return sroot ? parent : this.findVideoContainer(parent, void 0, false); }, lacksRelativePosition(el) { return Tools.getParents(el, 2).every((e) => e && getComputedStyle(e).position === "static"); } }; const Keydown = { dispatchShortcut: (key, isTrusted = false) => Tools.postMessage(window.top, { key: key.toUpperCase(), isTrusted }), setupKeydownListener() { unsafeWindow.addEventListener("keydown", (e) => this.handleKeydown(e), true); unsafeWindow.addEventListener("message", ({ data }) => this.handleMessage(data)); unsafeWindow.addEventListener("scroll", () => this.fsWrapper && Tools.scrollTop(this.fsWrapper.scrollY)); }, handleKeydown(e) { const { key, isTrusted } = e; const target = e.composedPath()[0]; if (this.isNoVideo() || Tools.isInputable(target) || !["p", "Enter"].includes(key)) return; Tools.preventDefault(e); this.dispatchShortcut(key, isTrusted); }, handleMessage(data) { if (!data?.source?.includes(Consts.MSG_SOURCE)) return; if (data?.topWin) window.topWin = this.topWin = data.topWin; if (data?.vMeta) return this.syncMetaToParentWin(data.vMeta); if ("isFullscreen" in data) this.isFullscreen = data.isFullscreen; if (data?.sw_fsCode) this.codeSnippetCache = null; this.processEvent(data); }, processEvent(data) { if (this.vMeta?.iFrame && this.player) delete this.player; ({ P: this.toggleWebFullscreen, ENTER: this.toggleFullscreen })[data?.key]?.(data?.isTrusted); if (!this.player) this.sendToVideoIFrame(data); } }; const Events = { videoAborts: /* @__PURE__ */ new Map(), videoEvts: ["loadedmetadata", "timeupdate", "playing"], setupVideoListeners(video) { const ctrl = new AbortController(); video && this.videoAborts.get(video)?.abort(); const handle = ({ type, target }) => !this.isMutedLoop(target) && this[type](target); this.videoEvts.forEach( (t) => (video ?? document).addEventListener(t, handle, { capture: true, passive: true, signal: ctrl.signal }) ); if (video) this.videoAborts.set(video, ctrl), this.unbindVideoEvts(); }, setupShadowVideoListener() { document.addEventListener("shadow-video", ({ detail: { video } }) => { if (!video || video.hasAttribute("received")) return; video.setAttribute("received", true); this.setupVideoListeners(video); }); }, unbindVideoEvts() { if (Tools.isThrottle("cleanup", Consts.ONE_SEC)) return; this.videoAborts.forEach((ctrl, video) => { if (Tools.isAttached(video)) return; ctrl.abort(), video.removeAttribute("received"), this.videoAborts.delete(video); }); }, loadedmetadata(video) { this.initVideoProps(video); if (!this.player) this.setCurrentVideo(video); }, timeupdate(video) { if (isNaN(video.duration)) return; Tools.microTask(() => this.autoWebFullscreen(video)); }, playing(video) { this.setCurrentVideo(video); }, initVideoProps(video) { delete video.__isWFs; Tools.resetLimit("autoWFs"); if (!Tools.isAttached(this.player)) delete this.player; }, setCurrentVideo(video) { if (!video || this.player === video || video.offsetWidth < 260) return; if (this.player && !this.player.paused && !isNaN(this.player.duration)) return; this.setPlayer(video); }, setPlayer(video) { this.player = video; const vMeta = this.vMeta ?? { vw: innerWidth, vh: innerHeight }; this.syncMetaToParentWin(vMeta); }, syncMetaToParentWin(vMeta) { window.vMeta = this.vMeta = { ...vMeta, timestamp: Date.now() }; if (!Tools.isTopWin()) return Tools.postMessage(unsafeWindow.parent, { vMeta: { ...vMeta, iFrame: location.href } }); Tools.microTask(() => this.initMenuCmds()); this.sendTopWinInfo(); }, sendTopWinInfo() { const { host, href: url } = location; const { innerWidth: vw, innerHeight: vh } = window; const topWin = { vw, vh, url, host }; window.topWin = this.topWin = topWin; this.sendToVideoIFrame({ topWin }); }, sendToVideoIFrame(data) { const vFrame = this.getVideoIFrame(); Tools.postMessage(vFrame?.contentWindow, data); } }; class BasicStorage { constructor(name, defVal, parser = (v) => v) { Object.assign(this, { name, defVal, parser }); this.storage = { getItem: GM_getValue, setItem: GM_setValue }; } #getKey(suffix) { if (!suffix) throw new Error(`${this.name} 后缀不能为空！`); return this.name + suffix; } set(value, key) { this.storage.setItem(this.#getKey(key), value); } get(key) { const value = this.storage.getItem(this.#getKey(key)); return this.parser(value ?? this.defVal); } } const Store = { IS_AUTO: new BasicStorage("IS_AUTO_", false, Boolean), DETACH_THRESHOLD: new BasicStorage("DETACH_THRESHOLD_", 20, Number), V_WRAPPER: new BasicStorage("V_WRAPPER_", ""), IGNORE_URLS: new BasicStorage("IGNORE_URLS_", ""), FS_CODE: new BasicStorage("FS_CHANGE_CODE_", "") }; const WebFull = { toggleFullscreen() { if (!Tools.isTopWin() || Tools.isThrottle("_Full_")) return; document.exitFullscreen().catch(() => (this.enterWebFullscreen(), this.fsWrapper.requestFullscreen())); }, toggleWebFullscreen(isTrusted) { if (this.isNoVideo() || Tools.isThrottle("_WebFull_")) return; if (this.isFullscreen && isTrusted) return document.exitFullscreen().catch(() => { }); this.fsWrapper ? this.exitWebFullscreen() : this.enterWebFullscreen(); Tools.microTask(() => this.runFsChangeCode()); }, enterWebFullscreen() { if (this.fsWrapper) return; const container = this.fsWrapper = this.getVideoHostContainer(); if (!container || container.matches(":is(html, body)")) return this.adaptToWebFullscreen(); container.scrollY = window.scrollY; const parents = Tools.getParents(container); const threshold = Store.DETACH_THRESHOLD.get(this.host); const detach = parents.length > threshold && (container.matches(":not(iframe)") || Tools.hasMoveBefore()); detach ? this.detachForFullscreen() : parents.forEach((el) => this.setWebFullAttr(el)); this.adaptToWebFullscreen(); }, detachForFullscreen() { if (this.fsParent) return; this.fsNext = this.fsWrapper.nextSibling; this.fsParent = Tools.getParent(this.fsWrapper); document.body[Tools.hasMoveBefore() ? "moveBefore" : "insertBefore"](this.fsWrapper, null); this.fsWrapper.querySelector("video")?.play(); this.setWebFullAttr(this.fsWrapper); }, exitWebFullscreen() { if (!this.fsWrapper) return; const { scrollY } = this.fsWrapper; Tools.setStyle(this.docEle, "scroll-behavior", "auto", "important"); Tools.querys(`[${Consts.webFull}]`).forEach((el) => Tools.attr(el, Consts.webFull)); this.fsParent?.[Tools.hasMoveBefore() ? "moveBefore" : "insertBefore"](this.fsWrapper, this.fsNext); requestAnimationFrame(() => (Tools.scrollTop(scrollY), Tools.setStyle(this.docEle, "scroll-behavior"))); this.fsNext = this.fsWrapper = this.fsParent = null; this.videoParents.clear(); }, getVideoHostContainer() { return this.player ? this.getVideoContainer() : this.getVideoIFrame(); }, getVideoIFrame(tol = 5) { if (!this.vMeta?.iFrame) return null; if (this.fsWrapper) return this.fsWrapper; const { vw, vh, iFrame } = this.vMeta; const { pathname, search } = new URL(iFrame); const partial = ((s) => s.slice(0, Math.floor(s.length * 0.8)))(decodeURIComponent(search)); const vFrame = Tools.query(`iframe[src*="${pathname + partial}"]`); if (vFrame) return vFrame; const iFrames = Tools.getIFrames(); const matchSize = ({ offsetWidth: w, offsetHeight: h }) => Math.abs(w - vw) < tol && Math.abs(h - vh) < tol; return iFrames.find(matchSize) ?? iFrames.find(Tools.isVisible); }, getVideoContainer() { const selector = Store.V_WRAPPER.get(this.topWin?.host)?.trim(); const ctn = selector ? this.player.closest(selector) ?? Tools.query(selector) : null; return ctn ?? this.findVideoContainer(this.findCtrlContainer()); }, findCtrlContainer() { const ignore = ":not(.Drag-Control, .vjs-controls-disabled, .vjs-control-text, .xgplayer-prompt)"; const selector = `[class*="contr" i]${ignore}, [id*="control"], [class*="ctrl"], [class*="progress"], [class*="volume"]`; let parent = Tools.getParent(this.player); while (parent && parent.offsetHeight <= this.player.offsetHeight) { if (Tools.query(selector, parent)) return parent; parent = Tools.getParent(parent); } return null; }, videoParents: /* @__PURE__ */ new Set(), findVideoContainer(container, max = 4, track = true) { container ??= Tools.getParent(this.player); if (!container.offsetHeight) container = Tools.getParent(container); const { offsetWidth: cw, offsetHeight: ch } = container; if (track) this.videoParents.clear(); for (let parent = container, deep = 0; parent && deep < max; parent = Tools.getParent(parent), deep++) { if (parent.offsetWidth === cw && parent.offsetHeight === ch) container = parent; if (this.hasExplicitlySize(parent)) return container; if (track) this.videoParents.add(parent); } return container; }, hasExplicitlySize(el) { const style = el.style; const regex = /^\d+(\.\d+)?(px|em|rem)$/; return ["width", "height"].some((prop) => { const value = style?.getPropertyValue(prop); return value && regex.test(value); }); }, adaptToWebFullscreen() { const { vw, vh } = this.topWin; [...this.videoParents].reverse().forEach((el) => { if (!this.fsWrapper.contains(el)) return; const { offsetWidth: width, offsetHeight: height } = this.player; if (width === vw && height === vh && el.offsetHeight === vh) return; this.setWebFullAttr(el); }); }, setWebFullAttr(el) { const sroot = el.getRootNode(); Tools.attr(el, Consts.webFull, true); if (Tools.isExecuted("__Added__", sroot)) return; if (sroot instanceof ShadowRoot) Tools.emitEvent("addStyle", { sroot }); }, runFsChangeCode() { clearTimeout(this.e9x_fsCode); this.e9x_fsCode = setTimeout(() => { const jsCode = Store.FS_CODE.get(this.topWin.host); this.executeCodeSnippet(jsCode, this.getFsMode(), this.player); }, 10); }, getFsMode(tol = 5) { const { topWin, fsWrapper } = this; const { width, height } = window.screen; const { offsetWidth: ew = 0, offsetHeight: eh = 0 } = fsWrapper ?? {}; const isWFs = Math.abs(ew - topWin.vw) < tol && Math.abs(eh - topWin.vh) < tol; const isFs = Math.abs(ew - width) < tol && Math.abs(eh - height) < tol; return isFs ? "isFull" : isWFs ? "isWFull" : "default"; }, executeCodeSnippet(jsCode, type, video) { try { if (!jsCode) return; const code = `(async () => { ${jsCode} })()`; const args = ["type", "video", "Tools", "unsafeWindow"]; const handler = this.codeSnippetCache ??= new Function(...args, code); handler(type, video, Tools, unsafeWindow); } catch (e) { const unsafe = e.message.includes("unsafe-eval"); unsafe ? this.injectCodeSnippet(jsCode, type, video) : console.error("代码执行出错：", e); } }, injectCodeSnippet(jsCode, type, video) { const evt = `gm_code_inject_${type}`; const injectCode = ` (() => { document.addEventListener('${evt}', (e) => { const { type, video, Tools, unsafeWindow } = e.detail; (async () => { try { ${jsCode} } catch (err) { console.error('代码执行出错：', err); } })(); }, { once: true }); })(); `; Tools.query(`#${evt}`)?.remove(); GM_addElement("script", { id: evt, textContent: injectCode, type: "text/javascript" }); Tools.emitEvent(evt, { type, video, Tools, unsafeWindow }); } }; const Automatic = { async autoWebFullscreen(video) { if (!this.topWin || !video.offsetWidth || this.player !== video) return; if (video.__isWFs || Tools.isThrottle("autoWFs", Consts.ONE_SEC) || !this.isAuto()) return; if (this.isIgnoreUrl() || await this.isWebFull() || Tools.isOverLimit("autoWFs")) return video.__isWFs = true; this.dispatchShortcut(Consts.P); }, async isWebFull(ms = Consts.HALF_SEC) { const isWFs = () => this.getFsMode() === "isWFull"; return isWFs() ? await Tools.sleep(ms).then(isWFs) : false; } }; const Ignore = { initIgnoreUrls: () => App.urlFilter = App.getIgnoreUrls(), setupIgnoreChangeListener() { GM_addValueChangeListener(Store.IGNORE_URLS.name, () => this.initIgnoreUrls()); }, isIgnoreUrl() { if (!this.urlFilter) this.initIgnoreUrls(); return this.isBlocked(this.urlFilter); }, getIgnoreUrls() { const urlsStr = Store.IGNORE_URLS.get(this.topWin.host); return (urlsStr.match(/[^\s;]+/g) || []).filter((url) => new URL(url).pathname !== "/"); }, isBlocked(urls = []) { const { href, pathname } = new URL(this.topWin.url); return pathname === "/" || urls.some((u) => href.startsWith(u)); } }; class I18n { static #langPacks = { zh: { custom: "自定义此站视频容器", disable: "禁用自动网页全屏", enable: "启用自动网页全屏", ignore: "自动时忽略的网址", detach: "脱离原 DOM 阈值", fsCode: "扩展代码逻辑", setting: "更多设置", close: "关闭" }, en: { custom: "Custom video container", enable: "Enable auto web fullscreen", disable: "Disable auto web fullscreen", detach: "Detach original DOM threshold", ignore: "URLs ignored in auto web fullscreen", fsCode: "Fullscreen change extend handler", setting: "More settings", close: "close" } }; static #getLang = () => (navigator.language || navigator.userLanguage).includes("zh") ? "zh" : "en"; static t = (key) => this.#langPacks[this.#getLang()][key]; } const Menu = { isAuto: () => Store.IS_AUTO.get(window.topWin?.host ?? location.host), initMenuCmds() { if (this.hasMenu || !Tools.isTopWin()) return; GM_addValueChangeListener(Store.IS_AUTO.name + this.host, () => this.setupMenuCmds()); this.setupMenuCmds(); this.hasMenu = true; }, setupMenuCmds() { const isAuto = I18n.t(this.isAuto() ? "disable" : "enable"); const configs = [ { title: isAuto, cache: Store.IS_AUTO, fn: ({ cache, value }) => cache.set(!value, this.host) }, { title: I18n.t("custom"), cache: Store.V_WRAPPER }, { title: I18n.t("detach"), cache: Store.DETACH_THRESHOLD }, { title: I18n.t("setting"), cache: { name: "SETTING" }, fn: this.settingPopup } ]; configs.forEach(({ title, cache, fn }) => { const id = `${cache.name}_MENU_ID`; GM_unregisterMenuCommand(this[id]); this[id] = GM_registerMenuCommand(title, () => { const value = cache.get?.(this.host); if (fn) return fn.call(this, { title, cache, value }); const input = prompt(title, value); if (input !== null) cache.set(input, this.host); }); }); }, settingPopup() { const { html, eCache } = this.renderExtend(); Swal.fire({ html, width: 400, showCancelButton: true, showConfirmButton: false, cancelButtonText: I18n.t("close"), customClass: { container: "vpx-popup" }, didOpen(popup) { popup.oninput = ({ target: t }) => { const value = t.value; const { host, send } = t.dataset; if (send) Tools.postMessage(window, { [`sw_${t.name}`]: value }); eCache[t.name].set(t.value, host); }; } }); }, renderExtend() { const confs = [ { name: "fsCode", text: I18n.t("fsCode"), cache: Store.FS_CODE, useHost: true, attrs: ["send"] }, { name: "ignore", text: I18n.t("ignore"), cache: Store.IGNORE_URLS, useHost: true } ]; return this.renderConfs(confs); }, renderConfs(confs) { const render = ({ text, name, value, dataset }) => ` <div class="vpx-textarea"><p>${text}</p> <textarea name="${name}" ${dataset} spellcheck="false" autocomplete="off">${value}</textarea> </div>`; return this.generate(confs, render); }, generate(confs, render) { const finalConfs = confs.map((conf) => { const { cache, attrs = [], useHost } = conf; const props = attrs.map((key) => `data-${key}="true"`); if (useHost) props.push(`data-host="${this.host}"`); return { ...conf, dataset: props.join(""), value: cache.get(this.host) }; }); const html = finalConfs.map((conf) => render(conf)).join(""); const eCache = Object.fromEntries(finalConfs.map((e) => [e.name, e.cache])); return { html, eCache }; } }; window.App = {}; const handlers = [Listen, Keydown, Events, WebFull, Automatic, Ignore, Menu]; handlers.forEach((handler) => { const entries = Object.entries(handler); for (const [key, value] of entries) { App[key] = value instanceof Function ? value.bind(App) : value; } }); App.init(); })(Swal);