JSFiddle - React, Tailwind, and code Playground

by Ho young Park

HTML

<!-- popup and contents -->

<div id="video_slide" style="position:absolute;left:0px;top:87px;width:500px;background-color:#D05F27;height:auto;z-index:200;">
   <iframe width="500" height="315" src="http://www.youtube.com/embed/T39hYJAwR40?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
   <br /><br />
   <a href="javascript:;" onClick="stopVideo();">close</a>

JavaScript

function stopVideo() {
    var div = document.getElementById("video_slide");
    var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
    iframe.postMessage('{"event":"command","func":"pauseVideo","args":""}','*');
}