使用jQuery将视频(一次)数据类型附加到图库集合

时间:2016-04-06 21:05:04

标签: jquery

我一直在为包含视频支持的图片库开发jQuery灯箱。我创建了下一个和上一个函数,以便当用户单击叠加层中的下一个或上一个箭头时,单击函数将遍历库。我还通过keydown()事件处理程序创建了键盘导航。

我在视频中遇到了一些错误。当我点击DOM中的图像缩略图时,它会出现在叠加层中(因为它应该),但是当我通过箭头和/或键盘导航到达视频时,视频的对齐方式会被抛弃并且有双重帖子点击前后的视频。

有没有人在尝试向图片库灯箱添加视频功能时遇到过这些错误,如果是这样,我应该如何让视频在叠加层中只显示一次(以及居中)。我是jQuery的新手,非常感谢任何帮助。提前感谢任何可以提供帮助的人!

这是我的项目网站:

Lightgallery

..这是我在Github上的回购:

Lightgallery repo

1 个答案:

答案 0 :(得分:0)

你会嘲笑这个:

在app.js的第186行,您忘记将class="video"添加到视频<iframe>

你现在应该改为:

var $video = ('<iframe class="video" src="'+videoURL+'" frameborder="0" allowfullscreen></iframe>');