在用户点击中通过jQuery加载YouTubevideo的最有效方法是什么？
我正在尝试确定使用jQuery将video加载到用户点击的最有效方法。
为了给出更多背景信息，我将在YouTube上有大约30个片段，每个片段在30-60秒之间，我想在用户浏览主题时动态将它们加载到页面右侧的div中左侧的潜在video剪辑。
现在，我已经设置了这个HTML和jQuery。 它有效，但我很好奇是否有更好的方法：
The importance of demonstrating intellectual curiosity John K: Summer Consultant, BCG Discussion on how curiousity is important to show in interviews because it leads to better answers on the job video 和jQuery：
$('#johnk').click( function(){ $('#video_container').html('<iframe width="425" height="349" src="http://www.youtube.com/embed/bMvRdr-mUOU?rel=0" frameborder="0" allowfullscreen '); })
为了减少每个video的手动编码.click（）我正在考虑创建一个具有ids-> embed代码的关联数组。 有没有更好的方法来更有效地完成相同的function？
提前感谢您的任何见解！
您可以将URL添加到您的Href并在调用Something Like中获取它：
在您的HTML中：
现在在你的JQuery中：
$('.vid_trigger').click( function(e){ e.preventDefault(); var URL = $(this).attr('href'); var htm = ''; $('#video_container').html(htm); return false; });
您还可以尝试让jQuery更改iframe src属性。
您可能会遇到Internet Explorer中的iframe问题。 此页面描述了该问题： http ： //osdir.com/ml/youtube-api-gdata/2011-03/msg00369.html
如果你可以放入使用flash嵌入而不是iframe的条件脚本（如果它在Internet Explorer中），那么这可能是最好的方法。
使用Colorbox
适用于jQuery 1.3,1.4和1.5的轻量级可定制灯箱插件
样品