Greasy Fork is available in English.
Seamlessly redirect YouTube Shorts to the regular video player WITHOUT a page reload
当前为
// ==UserScript==
// @name Redirect YouTube Shorts
// @version 1.0.5
// @description Seamlessly redirect YouTube Shorts to the regular video player WITHOUT a page reload
// @run-at document-start
// @inject-into page
// @match https://www.youtube.com/*
// @exclude https://*.youtube.com/live_chat*
// @exclude https://*.youtube.com/embed*
// @exclude https://*.youtube.com/tv*
// @exclude https:/tv.youtube.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @author Fznhq
// @namespace https://github.com/fznhq
// @homepageURL https://github.com/fznhq/userscript-collection
// @license GNU GPLv3
// ==/UserScript==
(function () {
const shortIdRegex = /(?:shorts\/)([^#\&\?]*)/;
/**
* @param {string} url
* @returns {string | null}
*/
function parseId(url) {
url = url.match(shortIdRegex);
return url && url[1];
}
const shortId = parseId(location.href);
if (shortId) return location.replace("/watch?v=" + shortId);
/** @type {Function | undefined} */
let cleanupTask = undefined;
function runCleanup() {
if (cleanupTask) cleanupTask = cleanupTask();
}
/**
* @param {object} obj
* @param {string} target
* @returns {any}
*/
function dig(obj, target) {
if (obj && typeof obj == "object") {
if (target in obj) return obj[target];
for (const k in obj) {
const result = dig(obj[k], target);
if (result !== undefined) return result;
}
}
}
/**
* @param {string} linkQuery
* @param {string} key
* @param {'SHORTS' | 'WATCH'} type
* @returns {{a: HTMLAnchorElement, data: object} | undefined}
*/
function findData(linkQuery, key, type) {
for (let element of document.querySelectorAll(linkQuery)) {
let data;
while (
element.id != "contents" &&
!(element.data && element.data.contents) &&
!(data = dig(element.data, key))
) {
element = element.parentElement;
}
if (data && (dig(data, "webPageType") || "").includes(type)) {
return { a: element.querySelector("a"), data };
}
}
}
/**
* @param {string} id
* @returns {boolean}
*/
function redirectShort(id) {
const onTap = findData(`#contents a[href*="${id}"]`, "onTap", "SHORTS");
const navEnpoint = findData(
"#contents a[class*=thumbnail][href]",
"navigationEndpoint",
"WATCH"
);
if (!onTap || !navEnpoint) return false;
const trackingParams = dig(onTap.data, "clickTrackingParams");
const metadataEndpoint = dig(navEnpoint.data, "webCommandMetadata");
const wathcEndpoint = dig(navEnpoint.data, "watchEndpoint");
const prevTracking = navEnpoint.data.clickTrackingParams;
const prevUrl = metadataEndpoint.url;
const prevId = wathcEndpoint.videoId;
const prevStart = wathcEndpoint.startTimeSeconds;
function setData(start, id, url, params) {
if (prevStart) wathcEndpoint.startTimeSeconds = start;
wathcEndpoint.videoId = id;
metadataEndpoint.url = url;
navEnpoint.data.clickTrackingParams = params;
}
setData(0, id, `/watch?v=${id}`, trackingParams);
navEnpoint.a.click();
cleanupTask = () => setData(prevStart, prevId, prevUrl, prevTracking);
return true;
}
function handleShortClick(/** @type {MouseEvent} */ ev) {
/** @type {HTMLElement} */
const target = ev.target;
if (target.closest) {
const short = target.closest("a[href*=short]");
if (short && redirectShort(parseId(short.href))) {
ev.stopPropagation();
ev.preventDefault();
}
}
}
window.addEventListener("click", handleShortClick, true);
document.addEventListener("yt-navigate-finish", runCleanup);
})();