图像滑块与YouTube视频上的灯箱
image slider with youtube video on light box
我使用图像滑块,当有人点击任何图像时,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一起工作是一个完全不同的问题。
相关文章:
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- html5视频中的Youtube类型注释
- 使用javascript将视频从我的android应用程序上传到youtube
- 如何用低音量自动启动Youtube视频(iframe)
- 使用HTML5播放器时使用Javascript更改Youtube视频
- 有没有办法在dailymotion播放器的新测试版中播放youtube视频
- 在Android Kitkat上模拟鼠标点击Youtube视频
- 我们如何在dailymotion播放器的新测试版中播放youtube视频
- Lightbox关闭时停止播放Youtube视频
- 放大弹出生成“;找不到文件”;YouTube视频的错误
- 如何获取youtube视频的缩略图
- 如何重定向到我的html网站youtube嵌入视频打开在youtube应用程序
- 从我的频道中提取最后3个youtube视频
- 检测YouTube上的360度视频
- 如何修改此功能以获得最受欢迎的视频?(YouTube API v3)
- Iframe视频(Youtube)滑动
- 检索播放列表视频YouTube API的持续时间、视频图片和视图
- 滑动方块益智游戏,视频(youtube)背景
- 就浏览器兼容性而言,ifram或
- 如何获得第一个视频结束后的最后一个视频YouTube api