title: Bootstrap modal with youtube bug after hide on hover elements
body: <p>I use modal on my website to display youtube videos and all is working good.</p>
  
  <p>But, when I start a video (then I stop it) and I close the modal, I have strange effects on my main menu that has a hover changing effects. </p>
  
  <p>This is a sample video:
  <img src="https://i.stack.imgur.com/RAtXH.png" alt="enter image description here"></p>
  
  <p>And then after closing and go with the mouse hover the menu this appears (on the 2 links that are "under" the modal):</p>
  
  <p><img src="https://i.stack.imgur.com/cKssA.png" alt="enter image description here"></p>
  
  <p>Any ideas how to fix this bug?</p>
  
  <p><strong>Additional info</strong></p>
  
  <p>I am on Chrome and I have used a code very similar to the default example (<a href="http://twitter.github.io/bootstrap/javascript.html#modals" rel="nofollow noreferrer">http://twitter.github.io/bootstrap/javascript.html#modals</a>).</p>