У меня проблема. Я хочу сделать видео галерею с миниатюрой изображения. При нажатии на миниатюру должно появиться всплывающее окно с соответствующим видео на 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\">×</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&showinfo=0\" allowfullscreen></iframe>
</div>
</div>
</div>
</div></a>
";
}
}
?>