tweaks redgifs embed/iframe video
Per
// ==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,
});
}
})();