Redgifs Embed Tweaks

tweaks redgifs embed/iframe video

Устаревшая версия за 18.11.2023. Перейдите к последней версии.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==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,
        });
    }
})();