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

Question

lightbox当用户点击视频缩略图时,我使用Twitter Bootstrap的模态框弹出视频(例如: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.