JSFiddle - React, Tailwind, and code Playground

HTML

<div class="click">click</div>
<div class="close">close</div>

<div class="popup">
  <iframe class="youtube-video" width="100%" height="400" src="https://www.youtube.com/embed/T7tif9pFYp0" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.popup {
  display: none;
  width: 100%;
  height: 400px;
}

JavaScript

(function() {
	var url = $('.popup iframe').attr('src');

  $('.click').on('click', function() {

    $('.popup iframe').attr('src', url);

    $('.popup').show();
  });

  $('.close').on('click', function() {
    $('.popup').hide();

    $('.popup iframe').attr('src', '');
  });
}());