图像滑块与YouTube视频上的灯箱

image slider with youtube video on light box

本文关键字:视频 YouTube 图像      更新时间:2023-09-26

我使用图像滑块,当有人点击任何图像时,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),滑块运行得很好。请帮助。如果有人有这个代码,请贴出来。谢谢所有。

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

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

iframes是否会与lightbox一起工作是一个完全不同的问题。