$(document).ready(function() {
    $(".playVideo").on("click", function() {
        var html = "<div class='overlay video active'>";
            html += "<div class='background'></div>";
            html += "<div class='overlayContent'>";
            html += "<div class='close'>";
            html += "<span class='bar'></span>";
            html += "<span class='bar'></span>";
            html += "</div>";
            html += "<div class='iframeWrapper'>";
            html += "<iframe width='560' height='315' src='https://www.youtube.com/embed/" + $(this).data("youtube") +"?autoplay=1&loop=1&rel=0' frameborder='0' allowfullscreen></iframe>";
            html += "</div>";
            html += "</div>";
            html += "</div>";
        $("body").append(html);
        if ($(window).width() > 1024) {
            $("body").addClass("overflow");
        } else {
            $("html, body").addClass("overflow");
        }
    });

    $(document).on("click", ".overlay.video", function() {
        $(".overlay.video").removeClass("active");
        setTimeout(function(){
            $("overlay video active").remove();
            $(".overlay.video .iframeWrapper").html("");
            if ($(window).width() > 1024) {
                $("body").removeClass("overflow");
            } else {
                $("html, body").removeClass("overflow");
            }
        }, 300);
    });
    
});