Javascript lightGallery.js视频库不工作

Javascript lightGallery.js视频库不工作,javascript,html,lightgallery,Javascript,Html,Lightgallery,我正在尝试使用lightgallery包含youtube视频的视频库,但无法让视频播放器正常工作。相反,它会在一个新标签上打开youtube。我正在使用cdn链接加载lightgallery,看起来我缺少lg视频。然而,当我包括lg视频的cdn链接时,我得到了一些未定义的控制台错误。有人能回答我的HTML代码中需要包含的所有脚本标记吗 这就是我所拥有的: lightGallery(document.getElementById('lightGallery'){ 寻呼机:是的, 是的, });

我正在尝试使用lightgallery包含youtube视频的视频库,但无法让视频播放器正常工作。相反,它会在一个新标签上打开youtube。我正在使用cdn链接加载lightgallery,看起来我缺少lg视频。然而,当我包括lg视频的cdn链接时,我得到了一些未定义的控制台错误。有人能回答我的HTML代码中需要包含的所有脚本标记吗

这就是我所拥有的:

lightGallery(document.getElementById('lightGallery'){ 寻呼机:是的, 是的, }); lightGallery(document.getElementById('video-gallery'),{})
正文{
背景色:#152836
}
.demo gallery>ul{
页边距底部:0;
}
.demo gallery>ul>li{
浮动:左;
边缘底部:15px;
右边距:20px;
宽度:200px;
}
.demo gallery>ul>li a{
边框:3px实心#FFF;
边界半径:3px;
显示:块;
溢出:隐藏;
位置:相对位置;
浮动:左;
}
.demo gallery>ul>LIA>img{
-webkit转换:-webkit转换0.15秒0秒;
-moz变换:-moz变换0.15s-0;
-o-变换:-o-变换0.15s-0s;
转换:转换0.15秒到0秒;
-webkit转换:scale3d(1,1,1);
变换:scale3d(1,1,1);
身高:100%;
宽度:100%;
}
.demo gallery>ul>LIA:hover>img{
-webkit转换:scale3d(1.1,1.1,1.1);
转换:scale3d(1.1,1.1,1.1);
}
.demo gallery>ul>LIA:hover.demo gallery海报>img{
不透明度:1;
}
.demo gallery>ul>LIA.demo gallery海报{
背景色:rgba(0,0,0,0.1);
底部:0;
左:0;
位置:绝对位置;
右:0;
排名:0;
-webkit过渡:背景色0.15秒0秒;
-o型过渡:背景色0.15s-0s;
过渡:背景色0.15秒到0秒;
}
.demo gallery>ul>LIA.demo gallery海报>img{
左:50%;
左边距:-10px;
利润上限:-10px;
不透明度:0;
位置:绝对位置;
最高:50%;
-webkit转换:不透明度0.3s到0.0s;
-o-过渡:不透明度0.3s-0s;
过渡:不透明度0.3s到0.0s;
}
.demo gallery>ul>li a:悬停.demo gallery海报{
背景色:rgba(0,0,0,0.5);
}
.demo gallery.justized gallery>a>img{
-webkit转换:-webkit转换0.15秒0秒;
-moz变换:-moz变换0.15s-0;
-o-变换:-o-变换0.15s-0s;
转换:转换0.15秒到0秒;
-webkit转换:scale3d(1,1,1);
变换:scale3d(1,1,1);
身高:100%;
宽度:100%;
}
.demo gallery.justized gallery>a:hover>img{
-webkit转换:scale3d(1.1,1.1,1.1);
转换:scale3d(1.1,1.1,1.1);
}
.demo gallery.justized gallery>a:hover.demo gallery poster>img{
不透明度:1;
}
.演示画廊.a.演示画廊海报{
背景色:rgba(0,0,0,0.1);
底部:0;
左:0;
位置:绝对位置;
右:0;
排名:0;
-webkit过渡:背景色0.15秒0秒;
-o型过渡:背景色0.15s-0s;
过渡:背景色0.15秒到0秒;
}
.演示画廊.a.演示画廊海报>img{
左:50%;
左边距:-10px;
利润上限:-10px;
不透明度:0;
位置:绝对位置;
最高:50%;
-webkit转换:不透明度0.3s到0.0s;
-o-过渡:不透明度0.3s-0s;
过渡:不透明度0.3s到0.0s;
}
.demo gallery.Justized gallery>a:hover.demo gallery海报{
背景色:rgba(0,0,0,0.5);
}
.演示画廊.视频.演示画廊海报img{
高度:48px;
左边距:-24px;
利润上限:-24px;
不透明度:0.8;
宽度:48px;
}
.demo-gallery.dark>ul>li a{
边框:3px实心#04070a;
}
.家.演示画廊{
填充底部:80px;
}