Всплывающее окно Youtube (модальное) в сочетании с MySQL / PHP - PullRequest
0 голосов
/ 31 октября 2018

У меня проблема. Я хочу сделать видео галерею с миниатюрой изображения. При нажатии на миниатюру должно появиться всплывающее окно с соответствующим видео на YouTube.

Уникальный идентификатор YouTube, который я сохраняю в БД MySQL. Тем не менее, когда я получаю свою галерею и нажимаю на разные эскизы, она всегда показывает одно и то же видео. Когда я смотрю в своем исходном коде, отображаются правильные идентификаторы Youtube. Я не могу понять, что происходит не так.

Bootstrap 3 и Youtube в модале

<?php
            $servername = "localhost";
            $username = "username";
            $password = "password";
            $dbname = "DB";

            // Make connection
            $conn = new mysqli($servername, $username, $password, $dbname);
            // Check connection
            if ($conn->connect_error) {
                die("Connectie mislukt: " . $conn->connect_error);
            } 

            $sql = "SELECT * FROM video ORDER BY id asc LIMIT 0,12";
            $result = $conn->query($sql);
            while($row = $result->fetch_assoc()) {
            //Get YT id from DB.
            $video = "".$row["video"]."";

            if ($result->num_rows > 0) {
                echo "
                <a href=\"#\" class=\"item-gallery-footer wrap-pic-w\" data-toggle=\"modal\" data-target=\"#modal-video-01\"><img src=\"../images/video/".$row["foto"]."\">
                <div class=\"modal fade\" id=\"modal-video-01\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">
                <div class=\"modal-dialog\" role=\"document\" data-dismiss=\"modal\">
                    <div class=\"close-mo-video-01 trans-0-4\" data-dismiss=\"modal\" aria-label=\"Close\">&times;</div>

                    <div class=\"wrap-video-mo-01\">
                        <div class=\"w-full wrap-pic-w op-0-0\"><img src=\"images/icons/video-16-9.jpg\" alt=\"IMG\"></div>
                        <div class=\"video-mo-01\">
                            <iframe src=\"https://www.youtube.com/embed/$video?rel=0&amp;showinfo=0\" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div></a>

";  

            }
        }
        ?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...