title: How do I stop as a video using HTML5 on close of Modal Window?
body: <p>I have searched here and all over the web for a way to stop HTML5 video on modal window close. While there has been a lot of answers none seem to work for my site
  <a href="http://www.gluedesign.com/work/newgluetwo/video.html#close" rel="nofollow">The page from my site</a></p>
  
  <pre><code>&lt;script&gt;
   ("#bone").on('click', function(){
  stopVideo();
  });
  &lt;/script&gt;
  
  
  &lt;a class="button" href="#openModal"&gt;Watch Bad to the Bone&lt;/a&gt;
  &lt;div id="openModal" class="modalbg"&gt;
  &lt;div class="dialog"&gt;
  
  &lt;a href="#close"  title="close" class="close" data-dismiss="modal"     aria-hidden="true" id="videoToggleOff"&gt;C&lt;/a&gt;
  
  &lt;video id="bone" src="http://gluedesign.com/work/newgluetwo/video/b2b_7_15a.m4v"  controls width="960" height="540"&gt;&lt;/video&gt;
  &lt;p class="fineprint"&gt;Bad To The Bone.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>What am I missing here?</p>