html5 video keeps playing in background after bootstrap modal closes
<p>So after reading this post (<a href="https://stackoverflow.com/questions/13799377/twitter-bootstrap-modal-stop-youtube-video">Twitter Bootstrap Modal stop Youtube video</a>), I still can't get this solution to work. I've tried verious other methods but still no luck. I guess if my coding isn't so sloppy this would be working.</p>

<p>Any help would be greatly appreciated Thanks all..    </p>

<pre><code> &lt;!-- Item line a tin --&gt;
    &lt;div class="col-md-4 col-sm-4"&gt;

           &lt;h3 &gt;How Line a Tin&lt;/h3&gt;
           &lt;a class="vid-lib"&gt;&lt;p&gt;&lt;button data-toggle="modal"  href="#video-player" onclick="return false;"  class="btn btn-primary btn-large"&gt;&lt;span&gt;&lt;img src="vid/thumb/line_tin.jpg" style="width:100%;"/&gt;&lt;/span&gt;&lt;/button&gt;&lt;/p&gt;&lt;/a&gt;

       &lt;div id="video-player" class="modal fade" style="display: none;"&gt;
         &lt;div class="video-content"&gt;

         &lt;div class="video-header"&gt;
            &lt;a class="close" data-dismiss="modal" style="color: #000000;"&gt;X close&lt;/a&gt;
            &lt;h3 style="color:#f20573;"&gt;&lt;span&gt;&lt;img src="img/ask_helen.png" style="width:15%;"/&gt;&lt;/span&gt; How to Line a tin&lt;/h3&gt;
        &lt;/div&gt;

        &lt;div class="video-body"&gt;
         &lt;iframe width="1000" height="600" style="margin: 0 auto;" src="https://www.youtube.com/embed/LtznQ3XI280" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
        &lt;/div&gt;
        &lt;div class="video-footer"&gt;
            &lt;p&gt;&amp;copy; 2015 Fashionable Fondants. All Rights Reserved&lt;/p&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
           &lt;a  href="vid/line_tins.mp4" download="Linning_a_tin" class="btn" style="margin: auto;"&gt;Download Tutorial&lt;/a&gt;
    &lt;/div&gt; &lt;!-- End Item  --&gt;
</code></pre>

<p></p>

<pre><code>    &lt;script&gt; jQuery(".modal-backdrop, #video-player .close, #video-player .btn").live("click", function() { jQuery("#video-player iframe").attr("src", jQuery("#video-player iframe").attr("src")); }); &lt;/script&gt;
</code></pre>