我一直在为包含视频支持的图片库开发jQuery灯箱。我创建了下一个和上一个函数,以便当用户单击叠加层中的下一个或上一个箭头时,单击函数将遍历库。我还通过keydown()事件处理程序创建了键盘导航。
我在视频中遇到了一些错误。当我点击DOM中的图像缩略图时,它会出现在叠加层中(因为它应该),但是当我通过箭头和/或键盘导航到达视频时,视频的对齐方式会被抛弃并且有双重帖子点击前后的视频。
有没有人在尝试向图片库灯箱添加视频功能时遇到过这些错误,如果是这样,我应该如何让视频在叠加层中只显示一次(以及居中)。我是jQuery的新手,非常感谢任何帮助。提前感谢任何可以提供帮助的人!
这是我的项目网站:
..这是我在Github上的回购:
答案 0 :(得分:0)
你会嘲笑这个:
在app.js的第186行,您忘记将class="video"
添加到视频<iframe>
。
你现在应该改为:
var $video = ('<iframe class="video" src="'+videoURL+'" frameborder="0" allowfullscreen></iframe>');