Redgifs Embed Tweaks

tweaks redgifs embed/iframe video

Versão de: 18/11/2023. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

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

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name        Redgifs Embed Tweaks
// @namespace   https://greasyfork.org/pt-BR/users/821661
// @match       https://www.redgifs.com/ifr/*
// @grant       GM_registerMenuCommand
// @grant       GM_setValue
// @grant       GM_getValue
// @version     0.1
// @author      hdyzen
// @description tweaks redgifs embed/iframe video
// @license     MIT
// ==/UserScript==

(function () {
    'use strict';
    // Autoplay state
    const autoplay = GM_getValue('autoplay', true);
    // Open state
    const openLink = GM_getValue('openlink', false);
    // Autoplay toggle
    function autoplayToggle() {
        GM_setValue('autoplay', !autoplay);
    }
    // Open link when click on video
    function openLinkToggle() {
        GM_setValue('openlink', !openLink);
    }
    // Prevent opening video link
    if (!openLink) {
        document.addEventListener('click', (e) => {
            if (!e.target.closest('.videoLink')) return;
            e.preventDefault();
        });
    }
    // Menu commands
    (function menuCommands() {
        // Autoplay
        const commandAutoplay = GM_registerMenuCommand('Autoplay: ON', autoplayToggle, {
            title: 'Click for toggle',
        });
        if (!autoplay) {
            GM_registerMenuCommand('Autoplay: OFF', autoplayToggle, {
                title: 'Click for toggle',
                id: commandAutoplay,
            });
        }
        // Open link
        const commandLink = GM_registerMenuCommand('Open link when click: OFF', openLinkToggle, {
            title: 'Click for toggle',
        });
        if (openLink) {
            GM_registerMenuCommand('Open link when click: ON', openLinkToggle, {
                title: 'Click for toggle',
                id: commandLink,
            });
        }
    })();
    // Mutation observer for pause video
    if (!autoplay) {
        const observer = new MutationObserver((mutations) => {
            mutations.forEach((mutation) => {
                if (mutation.type === 'childList' && mutation.target.classList.contains('routeWrapper')) {
                    mutation.addedNodes.forEach((node) => {
                        const video = node.querySelector('.videoLink video');
                        if (video) {
                            video.removeAttribute('autoplay');
                            observer.disconnect();
                        }
                    });
                }
            });
        });
        observer.observe(document.body, {
            childList: true,
            subtree: true,
        });
    }
})();