Element youtube preview fix

preview.user.js

// ==UserScript==
// @name         Element youtube preview
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  fix the embeds!!
// @author       Cinnabar
// @match        https:// url here .com
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        GM.xmlHttpRequest
// @connect      youtube.com
// @connect      youtu.be
// ==/UserScript==

(function() {
    'use strict';
    function previewEditor() {
        const allPreviews = document.getElementsByClassName('mx_LinkPreviewWidget_caption');
        for (const preview of allPreviews) {
            const linkTitle = preview.childNodes[0].children[0];
            const linkDesc = preview.childNodes[2]
            if (linkTitle.text != "Before you continue to YouTube") {
                continue
            }
            GM.xmlHttpRequest({
                method: "GET",
                url: linkTitle.href,
                onload: function(response) {
                    if (response.status == 200){
                        const title = response.responseText.match(/<title[^>]*>([^<]+)<\/title>/)[1];
                        const desc = response.responseText.match(/<meta name="description" content="(.*?)">/)[1];
                        linkTitle.text = title
                        linkDesc.textContent = desc

                    }
                }
            });
        }
    }
    setInterval(previewEditor,2000);
})();

I have violentmonkey, I edited the match url to my element, I added a alert box which didnt work in violentmonkey at all, then I added tampermonkey to see if this works, the alert was shown but still no preview was changed at all, also not seeing anything in the js console

Works for me here with Tampermonkey on Edge

Wee note: refresh after saving the userscript

The preview images can be filled in too (<meta property="og:image"> element). I'm no DOM tweaker by trade, but my crude attempt works so far:

https://gist.github.com/bertiebaggio/9ffe0e6e54d903c3be82cb2137aa5b3b

Thanks bertie!

Not sure otter, maybe try with tampermonkey as it seems to work for the rest of us with that? I've never used violent monkey it might be slightly different.

yeah that fixed it, got it working now! thank you guys so much <3

Thanks for the script ❤️

I modified it to use Youtube's oEmbed API: https://gist.github.com/cketti/edbf7efe5e641792d56a384dc501ba1e