title: html5 video keeps playing in background after bootstrap modal closes
body: <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>