JSFiddle - React, Tailwind, and code Playground

by xxxvvvxxx

HTML

<iframe id="ifr" src=""></iframe>

JavaScript

// x 라는 이름을 가진 쿠키가 null 이라면
if ( getCookie('x') == null ) {
	// x 라는 쿠키를 셋팅함. 하루가 지나면 로드가 되어야 하기에 마지막 인자에는 '1' 을 넣음.
	setCookie('x', '1', '1');
	
	// 동영상을 로드시킴
	document.getElementById("ifr").src = "https://www.youtube.com/embed/VHmjMDX3xyw";
} else {
	// x라는 이름을 가진 쿠키가 있으면 동영상을 로드하지 않음
	document.getElementById("ifr").src = "";
}

//쿠키를 셋팅하는 함수.
function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
// name 이름을 가진 쿠키를 가져오는 함수.
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {
    document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}