Видео Iframe не воспроизводится при добавлении более одного - PullRequest
0 голосов
/ 16 мая 2018

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

iframe работает, когда я вставляю только один:

Кажется, это работает:

<a href="#media-popup" data-media="//www.youtube.com/embed/XXXXX">click me</a>
<div class="popup" id="media-popup">
<iframe src="" frameborder="0" allowfullscreen></iframe>  </div> 

<script types="text/javascript">
$("[data-media]").on("click", function(e) {
e.preventDefault();
var $this = $(this);
var videoUrl = $this.attr("data-media");
var popup = $this.attr("href");
var $popupIframe = $(popup).find("iframe");

$popupIframe.attr("src", videoUrl);

$this.closest(".page").addClass("show-popup");
});

$(".popup").on("click", function(e) {
e.preventDefault();
e.stopPropagation();

$(".page").removeClass("show-popup");
});

$(".popup > iframe").on("click", function(e) {
e.stopPropagation();
});
</script>

Но это не так :( -

<a href="#media-popup" data-media="//www.youtube.com/embed/XXXXX">click   me</a>
<div class="popup" id="media-popup">
<iframe src="" frameborder="0" allowfullscreen></iframe>  </div>

<a href="#media-popup" data-media="//www.youtube.com/embed/YYYYY">click me</a>
<div class="popup" id="media-popup">
<iframe src="" frameborder="0" allowfullscreen></iframe>  </div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...