Как сделать правильно генерацию модального окна для видео?

Question

[orsodev]

Есть сайт https://streamlinebath.com/videos
В секции некоторое количество блоков при клике на который открывается модалка.
Как сделать так, чтобы видео в модалке открывалось то, которое находится в определенном блоке, не создавая для каждого блока свою модалку?

Comments

[WapSter]

У тебя есть событие клика, в нем объект event который может показать какой блок кликнул, передай из этого блока данные в модалку

[orsodev]

WapSter, спасибо, уже сделал

Answer 1

[orsodev]

Может кому то пригодится

<script>
                    $(".lightbox").click(function() {
                        var imgsrc = $(this).attr('rel');
                        $("html").append("<div class='img-popup'><div class='video__container'><div class='video__wrap'><iframe src='" + imgsrc + "' width='1425' height='559' frameborder='0' ></iframe></div><span class='close-lightbox'>Close Video</span></div></div>");
                        $(".close-lightbox, .img-popup").click(function() {
                            $(".img-popup").fadeOut(500, function() {
                                $(this).remove();
                            }).addClass("lightboxfadeout");
                            $("body").removeClass("body__blur");
                        });

                    });
                    $(".lightbox").click(function() {
                        $(".img-popup").fadeIn(500);
                        $("body").addClass("body__blur");
                    });
    </script>