Question

我正在使用图片滑块，当有人点击任何图片时，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），滑块运行得很好。请帮忙。如果有人有此代码，请发布。谢谢大家。

Answer 1

首先，您无法使用该特定YouTube视频的网址，而您必须使用youtube提供的嵌入式代码。像这样......

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

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

图像滑块与youtube视频灯箱上

1 个答案: