Avada modal Vimeo video continues playing after being closed
<p>Here's the site: <a href="http://neillieleadershipgroup.com/" rel="nofollow noreferrer">http://neillieleadershipgroup.com/</a></p>

<p>On the homepage, you'll see a video play button. Click on it to open a modal window which contains the video. Video is not set to autoplay. When you close the modal window, the audio from the video continues playing.</p>

<p>I've spent hours researching this, and I've tried adding numerous "bootstrap" modal video javascript codes to the header and footer, and nothing has worked thus far.</p>

<p>I don't know much about javascript/jquery, but I know a decent amount about HTML and CSS. I've searched the site source, but I can't seem to find the technology behind this modal, i.e. whether it's using bootstrap or something else -- in other words I cannot find the script that controls the modal.</p>

<p>This is one article I've already read and tried to no avail:<br />
<a href="https://stackoverflow.com/questions/24952984/play-and-stop-vimeo-video-placed-in-bootstrap-modal">Play and stop Vimeo video placed in Bootstrap modal</a><br />
Same with this one:<br />
<a href="https://stackoverflow.com/questions/24224587/audio-from-vimeo-video-continues-after-modal-has-closed">Audio from vimeo video continues after modal has closed</a>
<br />
And there are many others as well that were no help to me.</p>

<p>Here's the HTML that creates the modal:</p>

<pre><code>&lt;div class="fusion-modal modal fade modal-1 homepage-video in" tabindex="-1" role="dialog" aria-labelledby="modal-heading-1" aria-hidden="false" id="homepage-video" style="display: block;"&gt;
 &lt;div class="modal-dialog modal-lg"&gt;
  &lt;div class="modal-content fusion-modal-content" style="background-color:#f6f6f6"&gt;
   &lt;div class="modal-header"&gt;
    &lt;button class="close" type="button" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
     &lt;h3 class="modal-title" id="modal-heading-1" data-dismiss="modal" aria-hidden="true" data-fontsize="28" data-lineheight="36"&gt;&lt;/h3&gt;
   &lt;/div&gt;
    &lt;div class="modal-body"&gt;
     &lt;iframe src="https://player.vimeo.com/video/151703999?title=0&amp;amp;byline=0&amp;amp;portrait=0&amp;amp;api=1&amp;amp;player_id=player_1&amp;amp;wmode=opaque" width="710" height="399" frameborder="0" allowfullscreen="allowfullscreen" id="player_1"&gt;&lt;/iframe&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Again if I could find the JS for the modal, I would provide that as well.</p>

<p>Here's the most recent jquery I tried (to stop playing video upon modal close), which didn't work (added to both header and footer):</p>

<pre><code>  videoSRC = $('iframe#player_1').attr('src');
   $('button.close').click(function () {
   $(' iframe#player_1').attr('src', videoSRC);
   });

   $('.homepage-video').on('hidden.bs.modal', function (e) {
   $(' iframe#player_1').attr('src', videoSRC);
   });
</code></pre>

<p><br />
Any help is much appreciated. Thanks!</p>