A userscript that automatically hides RedGifs player controls and the cursor when the mouse is idle, restoring them on movement.
// ==UserScript==
// @name RedGifs Auto-hide Controls
// @namespace http://tampermonkey.net/
// @version 1.3
// @description A userscript that automatically hides RedGifs player controls and the cursor when the mouse is idle, restoring them on movement.
// @author vexxowo
// @icon https://www.google.com/s2/favicons?sz=64&domain=redgifs.com
// @match https://www.redgifs.com/*
// @match https://redgifs.com/*
// @license MIT
// @grant none
// @run-at document-end
// ==/UserScript==
(function () {
'use strict';
const HIDE_DELAY = 2000; // ms of stillness before hiding
const style = document.createElement('style');
style.textContent = `
.progressBar,
.SoundButton,
.download-svg,
.viewButton,
.shareButton,
.gifQualityButton,
.FSButton {
opacity: 0 !important;
transition: opacity 0.3s ease !important;
pointer-events: none !important;
}
body.rgf-active .progressBar,
body.rgf-active .SoundButton,
body.rgf-active .download-svg,
body.rgf-active .viewButton,
body.rgf-active .shareButton,
body.rgf-active .gifQualityButton,
body.rgf-active .FSButton {
opacity: 1 !important;
pointer-events: auto !important;
}
body:not(.rgf-active) {
cursor: none !important;
}
`;
document.head.appendChild(style);
let timer;
document.addEventListener('mousemove', () => {
document.body.classList.add('rgf-active');
clearTimeout(timer);
timer = setTimeout(() => {
document.body.classList.remove('rgf-active');
}, HIDE_DELAY);
});
})();