如何在Javascript lightbox中打开iframe

我使用的是一个静态页面，我想在lightbox中打开一个iframe

<iframe width="560" height="315" src="https://www.youtube.com/embed/rkd_7FbD_qs" frameborder="0" allowfullscreen></iframe>  

我可以得到帮助来解决这个问题吗

我使用的是一个灯箱，它可以很好地处理图像。但是我想让它与iframe一起工作。 我想在灯箱里面打开一个iframe。如果我将iframe放置在大图像的位置，它将不工作

$(".sol-body")
        .on("click", ".primary-image, a.enlarge, img.enlarge", function( event ){
            event.preventDefault();
            event.stopPropagation();
            if ( $("a.enlarge").length != 0 ) {
                createOverlay();
                $(".overlay-img").append("<img src='" + $(".larger-img").attr("src") + "' />");
                animateOverlay(); 
            }             
        })
        .on("click", "li img", function( event ){
            event.preventDefault();
            createOverlay();
            $(".overlay-img").append("<img src='" + $(this).attr("src").replace("mini", "main") + "' />");
            animateOverlay();
        });

    function createOverlay() {
        $("body").append("<div class='overlay'><div class='overlay-img'></div><div class='overlay-close'>x</div></div>");

        $(".overlay")
            .on("click", function( event ){
                event.stopPropagation();
                $(".overlay").off("click");
                $(".overlay").remove();
            })
            .on("click", ".overlay-close", function( event ){
                event.stopPropagation();
                $(".overlay").off("click");
                $(".overlay").remove();
            })
            .on("click", ".overlay-img", function( event ){
                event.stopPropagation();
            });
    };

    function animateOverlay() {
        $(".overlay").animate({ "background-color" : "rgba(0, 0, 0, .85)" }, 200);
    };

});

---

我使用支持图像、URL和视频的永久插件：