$(document).ready(function() {

$('#play-video1').on('click', function(e) {
    e.preventDefault();
    $('#video-overlay').addClass('open');
    $("#video-overlay").append('<iframe width="640" height="360" src="https://player.vimeo.com/video/572510184" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>');
});
$('#play-video2').on('click', function(e) {
    e.preventDefault();
    $('#video-overlay').addClass('open');
    $("#video-overlay").append('<iframe width="640" height="360" src="https://player.vimeo.com/video/572541354" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>');
});
$('#play-video3').on('click', function(e) {
    e.preventDefault();
    $('#video-overlay').addClass('open');
    $("#video-overlay").append('<iframe width="640" height="360" src="https://player.vimeo.com/video/572557563" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>');
});
$('#play-video4').on('click', function(e) {
    e.preventDefault();
    $('#video-overlay').addClass('open');
    $("#video-overlay").append('<iframe width="640" height="360" src="https://player.vimeo.com/video/657059135?h=d27bed9a8e" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>');
});
$('#play-video5').on('click', function(e) {
    e.preventDefault();
    $('#video-overlay').addClass('open');
    $("#video-overlay").append('<iframe width="640" height="360" src="https://player.vimeo.com/video/657419328?h=50d6015de6" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>');
});


    $('.video-overlay, .video-overlay-close').on('click', function(e) {
        e.preventDefault();
        close_video();
    });

    $(document).keyup(function(e) {
        if (e.keyCode === 27) { close_video(); }
    });

    function close_video() {
        $('.video-overlay.open').removeClass('open').find('iframe').remove();
    };






});