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

【问题标题】：image slider with youtube video on light box灯箱上带有 youtube 视频的图像滑块
【发布时间】：2014-03-11 14:08:32
【问题描述】：

我正在使用图像滑块，当有人点击任何图像时，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>

在我不添加灯箱代码（js 和 css）之前，滑块运行得很好。请帮忙。如果有人有此代码，请发布。谢谢大家。

【问题讨论】：

标签： javascript jquery image video youtube

【解决方案1】：

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

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

iframes 是否适用于灯箱是一个完全不同的问题。

【讨论】：