jQuery colorbox gallery混合图像和视频

我正在使用colorbox插件，我想在gallery上包括一些视频看到这个代码：基本上下一个项目加载时不加载视频有什么想法吗

当我这样使用时：

$（“.group1”）.colorbox（{rel:'group1'，iframe:true，宽度：“80%”，高度：“80%”）它会破坏画廊效果：


或者有什么好的弹出式插件，我可以同时使用图像和视频
因为在您的问题中，您允许使用替代解决方案/插件，所以我建议您使用fancybox。下面是示例html的演示







$（“.group1”）.fancybox({
最大宽度：800，
最大高度：600，
菲托维：错，
宽度：“70%”，
身高：70%，
自动调整大小：false，
closeClick:false，
openEffect:'无'，
近距离效应：“无”
});
$（'#btnOpen'）。单击（函数（e）{
e、 预防默认值（）；
$（'.fancybox:eq（0'）。单击（）；
});
两种内容类型（图像和iFrame）的设置不同。将它们显示为同一组很容易，但您必须分别定义它们的设置：

$(".group1").colorbox({rel:'group1'});
$(".iframe").colorbox({rel:'group1', iframe:true, width:"80%", height:"80%"});

我喜欢在回答问题时得到反对票。OP表明其他解决方案是可以接受的。我如何才能得到相同的结果，但调用Colorbox时却像这样：
$。Colorbox（{…}）
？
$(".group1").colorbox({rel:'group1'});
$(".iframe").colorbox({rel:'group1', iframe:true, width:"80%", height:"80%"});