Javascript 灯箱上带有youtube视频的图像滑块

我使用的是一个图像滑块，当有人点击任何一个图像时，youtube视频需要弹出一个灯箱。 我的HTML如下：

<div class="container">
<div class="slider_wrapper">
<ul id="image_slider">
<li><a href="http://www.youtube.com/watch?v=lbJO8MBCyp4" rel="vidbox" title="Vid1"><img src="img2.jpg"></a></li>
<li><a href="http://www.youtube.com/watch?v=bzbGTfoHKeQ" rel="vidbox" title="Vid2"><img src="img4.jpg"></a></li>
<li><a href="http://www.youtube.com/watch?v=Ve7p5CqTTIM" rel="vidbox" title="Vid3"><img src="img5.jpg"></a></li>

</ul>                   
<span class="nvgt" id="prev"></span>
<span class="nvgt" id="next"></span>
</div>
    </div>

---

直到我没有添加lightbox代码（js和css）时，滑块才运行得很好。请帮忙。如果有人有这方面的代码，请张贴。谢谢大家。

首先，你不能只使用特定youtube视频的URL，你必须使用youtube提供的嵌入式代码。像这样的

<iframe width="560" height="315" src="//www.youtube.com/embed/equy_MPJ89g" frameborder="0" allowfullscreen></iframe>)

）

iFrame是否能与lightbox一起工作则是一个完全不同的问题