Magnific Popup TypeError: embedSrc не определен

Я искал и искал, не исправив свою проблему. Я получаю сообщение об ошибке типа embedSrc is undefined.

  1. Я обновил jQuery до последней версии
  2. Проверено, что используется правильный src https
  3. Также работает на сервере

Все еще видите пустую модальную страницу, а iframe не загружается?

Я протестировал скрипт, используя тип: inline; и я могу открыть модальные окна, кажется, это чисто проблема iframe?

	/*
	 * INCLUDE THE MARKUP FOR VIDEO POPUP
	 */
	$('.video').magnificPopup({
	  type: 'iframe',
	  iframe: {
	    markup: '<div class="mfp-iframe-scaler">' +
	      '<div class="mfp-close"></div>' +
	      '<iframe class="mfp-iframe" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>' +
	      '</div>'
	  }
	});
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
li a {
  width: 23%;
  margin: 1%;
  height: 180px;
  float: left;
  background: grey;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/magnific-popup.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<ul class="uk2 video clearfix">
  <li>
    <a href="https://www.youtube.com/watch?v=AHoekYrbde8" class="video" data-title="Build Your Business With UK2">
	<img src="<?php echo HOST ?>/includes/images/videos/uk2/build-your-business.jpg">
</a>
  </li>
  <li>
    <a href="https://www.youtube.com/watch?v=cyIqG-TiNNA" class="video" data-title="How To Land A .London">
	<img src="<?php echo HOST ?>/includes/images/videos/uk2/how-to-land-london.jpg">
	</a>
  </li>
  <li>
    <a href="https://www.youtube.com/watch?v=iDZeTAu0z0k" class="video" data-title="What To Do With Your Domain">
	<img src="<?php echo HOST ?>/includes/images/videos/uk2/what-to-do-with-your-domain.jpg">
</a>
  </li>
  <li>
    <a href="https://www.youtube.com/watch?v=4_zsykAVvGU" class="video" data-title=".UK From UK2">
	<img src="<?php echo HOST ?>/includes/images/videos/uk2/uk-from-uk2.jpg">
</a>
  </li>


jquery magnific-popup
person Aaron    schedule 03.02.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ургх... Бью себя по лицу, пока печатаю это... Класс, с которым я вызываю iframe, также используется для упаковки ul.

так что я на самом деле ничего не звоню.

Изменение класса моего якоря для видео исправило мою проблему/

/*
 * INCLUDE THE MARKUP FOR VIDEO POPUP
 */
$('.video-modal').magnificPopup({
  type: 'iframe',
  iframe: {
    markup: '<div class="mfp-iframe-scaler">' +
      '<div class="mfp-close"></div>' +
      '<iframe class="mfp-iframe" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>' +
      '</div>'
  }
});


<ul class="uk2 video-modal clearfix"> /* Video here broke it */
  <li>
    <a href="https://www.youtube.com/watch?v=AHoekYrbde8" class="video" data-title="Build Your Business With UK2">
    <img src="<?php echo HOST ?>/includes/images/videos/uk2/build-your-business.jpg">
</a>
  </li>
person Aaron    schedule 03.02.2015
comment
вау префект!!! Я просто сохраняю имя своего класса css для myVideo_, и оно работает. - person Obaid Ahmed; 02.05.2016