Redgifs watch page view only video

watch page show only video

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name            	Redgifs watch page view only video
// @namespace       	https://greasyfork.org/users/821661
// @match           	https://*.redgifs.com/watch/*
// @match           	https://*.redgifs.com/ifr/*
// @grant           	none
// @version         	1.1
// @author          	hdyzen
// @description     	watch page show only video
// @license         	MIT
// @run-at              document-start
// ==/UserScript==
'use strict';

function getUrlGif(json) {
    if (typeof json === 'string' && json.includes('"gif"')) {
        const parsed = originalParse(json);
        const htmlToUse = `<img src="${parsed.gif.urls.poster}" style="position: fixed;width: 100%;z-index: -1;filter: blur(90px);"><video controls src=${parsed.gif.urls.hd || parsed.gif.urls.sd} poster="${parsed.gif.urls.poster}" style="max-height: calc(100vh - 20px); border-radius: 10px; cursor: pointer; max-width: calc(100vw - 20px);"></video>`;

        document.body.innerHTML = htmlToUse;
        document.body.style = 'display: flex; justify-content: center; align-items: center; height: 100vh;';
    }
}

const originalParse = JSON.parse;

JSON.parse = function (json, ...args) {
    getUrlGif(json);
    return originalParse(json, ...args);
};