Question

我在没有解决问题的情况下进行了搜索和搜索。我收到类型错误embedSrc未定义。

我已将jQuery更新到最新版本
检查是否正在使用正确的src https
还在服务器上运行

仍然看到空白页面模态而iframe没有加载？

我使用以下类型测试了脚本：inline;并且能够打开模态，看来这纯粹是一个iframe问题？

＆＃13;

	/*
	 * 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>'
	  }
	});

＆＃13;

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
li a {
  width: 23%;
  margin: 1%;
  height: 180px;
  float: left;
  background: grey;
}

＆＃13;

<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>

＆＃13;

Answer 1

呃......当我输入这个时，我自己也在脸上......我称之为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>

Magnific Popup TypeError：embedSrc未定义

1 个答案: