YouTube Avatars Fix

Fixes the display of avatars on YouTube
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         YouTube Avatars Fix
// @namespace    http://tampermonkey.net/
// @version      0.5
// @description  Fixes the display of avatars on YouTube
// @author       frz
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @match        https://*.youtube.com/*
// @match        https://studio.youtube.com/*
// @match        https://yt3.googleusercontent.com/*
// @match        https://yt4.ggpht.com/*
// @match        https://yt4.googleusercontent.com/*
// @match        https://vidiq.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict';

    function fixAvatarUrl(url) {
        if (!url) return url;

        return url.replace(/yt3\.ggpht\.com/g, 'yt4.ggpht.com');
    }


    function fixImage(img) {
        if (!img || !img.src) return;
        const originalSrc = img.src;

        if (originalSrc.includes('yt3.ggpht.com')) {
            const newSrc = fixAvatarUrl(originalSrc);
            if (newSrc !== originalSrc) {
                img.src = newSrc;

            }
        }
    }


    const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {

            if (mutation.addedNodes.length) {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === Node.ELEMENT_NODE) {

                        if (node.tagName === 'IMG') {
                            fixImage(node);
                        }

                        if (node.querySelectorAll) {
                            node.querySelectorAll('img[src*="yt3.ggpht.com"]').forEach(fixImage);
                        }
                    }
                });
            }

            if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
                const target = mutation.target;
                if (target.tagName === 'IMG') {
                    fixImage(target);
                }
            }
        });
    });


    observer.observe(document.documentElement, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src']
    });


    document.querySelectorAll('img[src*="yt3.ggpht.com"]').forEach(fixImage);
})();