// ==UserScript==

// @name       Todayhumor MP4 to GIF

// @namespace  http://www.todayhumor.co.kr/

// @version    0.1

// @description  Todayhumor MP4 to GIF

// @include    http*://*todayhumor*/*

// @grant      none

// @copyright  2017+, OrangePeanut

// ==/UserScript==

var NOTIFY_REPLACE = "<<< MP4 to GIF >>>"; // <쌍따옴표 안의 내용 수정가능>, MP4 영상이 있던 자리에 영상이 사라지고 GIF로 바뀌었다고 알리는 안내문

$(document).ready(function(){

    console.log("Loaded Todayhumor-tweaks."); // 오유페이지에서 해당 스크립트가 제대로 로딩되는지 콘솔에서 확인 차 띄우는 텍스트.

    setTimeout(function() { // 일정 시간 후 아래 내용 실행

    $("video.anigif_html5_video").each(function() { // video 태그에 anigif_html5_video 클래스로 된 내용이 보일 때마다 아래 내용 실행

        var getPoster = $(this).attr("poster"); // poster 속성에 담긴 내용을 getPoster에 저장

        // console.log(getPoster); // 제대로 값을 가져왔는지 콘솔에서 확인, 주석처리하여 실행되지 않음

        var getGIFurl = getPoster.replace("ANIGIF.jpg", "ANIGIF.gif").split("//")[1]; // getPoster에 저장된 텍스트 내용 중 ANIGIF.jpg를 찾아 ANIGIF.gif로 바꿔줌, http:// 또는 https:// 부분을 없애기 위해 // 구분자부터 앞쪽의 내용을 삭제

        if(getGIFurl && getGIFurl !== "") { // getGIFurl변수가 생성되었고 변수의 내용이 공백이 아니면 아래 내용 실행

            $(this).after('<span style=" font: italic 1em Georgia, serif ; color: purple;">' + NOTIFY_REPLACE + '</span><br><img src="http://' + getGIFurl + '" alt="" style="max-width:100%">'); // <video></video> 태그 다음에 명시된 HTML 내용 출력

            $(this).attr("style","display:none;"); // MP4 비디오가 보이지 않도록 숨김.

        }

    });

    }, 300); // <숫자 수정가능>, 위의 내용이 0.3초 뒤 오유 페이지에서 실행, 0.3초를 기다리는 이유는 오유의 본문과 댓글이 시간차를 두고 로딩됨. 대기 타임이 없으면 본문에 있는 내용만 변환. 댓글의 영상이 제대로 변환되지 않는다면 대기타임을 더 늘리면 됨.

});

mp4 to gif가 뜨면서 gif로 저장이 가능합니다

그리고 댓글도 한 번에 혹은 안뜨면 새로고침 몇 번 하면 저 표시가 나와요

그럼 댓글도 gif로 가능합니다

참고로 노트북으로만해봐서 모바일은 몰라요