@orsodev

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

60a8e1d76acb7901054543.png

Есть сайт https://streamlinebath.com/videos
В секции некоторое количество блоков при клике на который открывается модалка.
Как сделать так, чтобы видео в модалке открывалось то, которое находится в определенном блоке, не создавая для каждого блока свою модалку?
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ответы на вопрос 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>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы