jquery - 使用 Twitter Bootstrap 自动启动和停止 YouTube 视频

Question

当用户单击视频缩略图时，我使用 Twitter Bootstrap 的模式框弹出视频 lightbox(例如: http://seniorshomecare.harmonyapp.com/how-we-can-help ，使用密码:shc)。如果可能的话，我希望视频在 lightbox 弹出时自动播放，并在用户关闭 lightbox 时自动停止。有一些类似的问题，但没有一个对我有太大帮助。

任何帮助将不胜感激。谢谢!

Answer 1

将 &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&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>'); 
});

演示: http://jsfiddle.net/baptme/WrrM3/

解决方案并不完整，关闭模式时必须删除 iframe。