當用戶單擊視頻縮略圖圖像（例如：http://seniorshomecare.harmonyapp.com/how-we-can-help，使用password：shc）時，我正在使用Twitter Bootstrap的模式框彈出視頻lightbox。如果可能，我希望在lightbox彈出時自動播放視頻，並在用戶關閉lightbox時自動停止播放。有一些類似的問題，但他們都沒有幫助我很多。使用Twitter自動啓動和停止YouTube視頻引導
任何幫助將不勝感激。謝謝！
將&autoplay=1添加到youtube視頻網址。
http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821
編輯：
您可以使用事件顯示觸發該代碼添加到模態
$('#myModal').on('show', function() {
$('div.modal-body').html('<iframe src="http://www.youtube.com/v/itTskyFLSS8&rel=0&autohide=1&showinfo=0&autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>');
});
演示功能：http://jsfiddle.net/baptme/WrrM3/
解決方案不完整，關閉模式時必須移除iframe。當模式被關閉
這將刪除的iFrame：
$('#myModal').on('hide', function() {
$('div.modal-body').html(' ');
});
以上答案很好的工作，如果您有您的網頁上只有一個模式。如果你有幾個，你的視頻將被加載到所有其他模式，並在一些瀏覽器中同時開始播放。
要解決這個問題，更具體與插入和div.modal-body之前添加#myModal去除視頻的JavaScript，具體如下：
$('#myModal').on('show', function() {
$('#myModal div.modal-body').html('<iframe src="http://www.youtube.com/v/itTskyFLSS8&rel=0&autohide=1&showinfo=0&autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>');
});
$('#myModal').on('hide', function() {
$('#myModal div.modal-body').html(' ');
});
當加載頁面，自動播放視頻。我不想讓視頻開始播放，直到您點擊預覽圖片並出現燈箱。你怎麼看？ – Andrew 2012-07-25 15:36:13
@Andrew好點，您可以像http://twitter.github.com/bootstrap/javascript.html#modals中描述的那樣使用事件'Show'，並在打開的窗口中使用jQuery插入帶有'autoplay = 1'的視頻鏈接模態。 – baptme 2012-07-25 15:51:22
@Andrew我明白了，看看我更新的答案。 – baptme 2012-07-25 16:09:46