UnShorts

Simple script for replace all shorts links on youtube page.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         UnShorts
// @name:ru      UnShorts
// @namespace    http://tampermonkey.net/
// @version      29.12.2024
// @description  Simple script for replace all shorts links on youtube page.
// @description:ru Простой скрипт заменяющий ссылки Shorts на обычные.
// @author       Aster-db
// @license      MIT
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @homepage     https://github.com/Askas-db/tampermonkey-scripts/
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    //REGEX AND SELECTOR VALUES
    const shortsRegex = /^\/shorts\/([a-zA-Z0-9_-]+)$/;
    const mediaContainer = '#media-container-link';

    function replaceShortsLink(e) {
    // Get the current href of the element
        let href = e.getAttribute('href');
        if(href) {
        // Check if the link matches the format /shorts/{videoId}
        const match = href.match(shortsRegex);

            if (match) {
                // Get videoId from the link
                const videoId = match[1];
                // console test
                // console.log("Found: ", videoId);

                // Replace the link with the new
                const newHref = `/watch?v=${videoId}`;
                e.setAttribute('href', newHref);
            }
        }
    }
    // Function to replace all links on the page
    function replaceShortsLinks() {
        // Get all elements with the required selector
        const elements = document.querySelectorAll('a');
        console.log(elements);
        // Iterate through each element
        elements.forEach(element => {
            replaceShortsLink(element);
        });
    }

    // Function to add an event handler for element update
    function startObserving() {
        const targetNode = document.querySelector(mediaContainer);
        const config = { childList: true, subtree: true };

        const callback = function(mutationsList, observer) {
            for (const mutation of mutationsList) {
                if (mutation.type === 'childList') {
                    replaceShortsLinks();
                }
            }
        };

        const observer = new MutationObserver(callback);
        observer.observe(targetNode, config);
    }
    // Wait for the autoplayer to load #media-container-link, YouTube replaces the link on the fly.
    function waitForElement() {
        const element = document.querySelector(mediaContainer);
        if (element) {
            replaceShortsLinks();
            startObserving();
        } else {
            setTimeout(waitForElement, 100);
        }
    }
    waitForElement();
})();