退出灯箱后停止YouTube视频

Question

首先，我是javascript的新手。我已经阅读了其他StackOverflow文档离子来帮助我解决我的困境。简而言之，我想在用户退出灯箱后暂停或停止YouTube视频。

我在网上发现了这个灯箱（https://codepen.io/Jake_Leggett/pen/wxqht）并且正在使用此网站（http://thesupersustainables.com/beta）。我发现的项目主要是参考jQuery，当使用代码时，它没有;似乎工作我发现了什么。我确实添加了YouTube API，但发现它适用于定位一个视频，我正在使用该网站不同部分的多个视频。

这是我到目前为止所使用的：

        var curr_lb_div;
        var is_modal = false;
        var tag = document.createElement('script');
        //youtube api
        tag.src = "https://www.youtube.com/iframe_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        function ShowLightBox(lb_div, isModal) {
        document.getElementById(lb_div).style.display='block';
        document.getElementById('fade').style.display='block';
        curr_lb_div = lb_div;
         if (isModal)
             is_modal = true;
         else is_modal = false;

         setCenter(lb_div, isModal);
         //setDimensions(lb_div);
        }

        function HideLightBox() {
            if (document.getElementById(curr_lb_div)) {
                  document.getElementById(curr_lb_div).style.display='none';
                  document.getElementById('fade').style.display='none';
                  curr_lb_div = '';
             }
        }

        function setCenter(lb_div, isModal) {
        var div = document.getElementById(lb_div);

        var newX = div.offsetWidth / 2;
        var newY = div.offsetHeight / 2;

        div.style.marginLeft = '-'+newX+'px';
        div.style.marginTop = '-'+newY+'px';

        }

      X          

            观看视频