Twitter Bootstrap Modal stop Youtube video

Question

I\'m very new to javascript and trying to use Twitter bootstrap to get a good looking website up and running quickly. I know this has something to do with jquery, but I\'m

Answer 1

My solution for 2 or more Youtube videos using the HTML data-* attribute. The video autoplays and stops when the modal is opened and closed.

Video 1
Video 2



  

    

      

        

          Close
        
        

          
        
      
    
  

$('.modal').on('show.bs.modal', function (event) {
  $(this).find('iframe').attr("src", $(event.relatedTarget).data('url') );
});

$('.modal').on('hidden.bs.modal', function (e) {
    $(this).find('iframe').attr("src", "");
});

Here is a Codepen demo: https://codepen.io/danielblazquez/pen/oOxRJq