Question

I am using Twitter Bootstrap’s modal box to pop-up a video lightbox when a user clicks on a video thumbnail image (example: http://seniorshomecare.harmonyapp.com/how-we-can-help, use password: shc). If possible, I would like to have the video auto-play when the lightbox pops up and auto-stop when the user closes the lightbox. There are some similar questions to this, but none of them have helped me out much.

Any help would be greatly appreciated. Thanks!

Answer 1

add &autoplay=1 to the youtube video url.

http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821

---

EDIT:

You can use the Event show to trigger a function which add the code into the modal

$('#myModal').on('show', function () {
  $('div.modal-body').html('<iframe src="http://www.youtube.com/v/itTskyFLSS8&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>'); 
});

Demo : http://jsfiddle.net/baptme/WrrM3/

The solution is not complete, you will have to remove the iframe when closing the modal.