Question

mounted: function() {
        $(document).ready(function() {
          $('.popup-youtube11, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
          });
          $('.popup-youtube12, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
          });
          $('.popup-youtube13, .popup-vimeo, .popup-gmaps').magnificPopup({
            disableOn: 700,
            type: 'iframe',
            mainClass: 'mfp-fade',
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
          });
        });
    },

<div class="row home-vid">
    <div class="col-sm-4 col-md-4">
      <div class="thumb thumb-caption">
        <figcaption><p>some text here</p></figcaption>
      </div>
      <div class="thumb">
        <a class="popup-youtube11" href="https://www.youtube.com/watch?v=K8E6xsac2MU">
          <img src="../.././images/CM.jpg" class="img-responsive">
            <div class="hover-opaque">
              <span class="glyphicon glyphicon-play-circle text-center" aria-hidden="true"></span>
            </div>
        </a>
      </div>
    </div>

我在我的项目中使用了大量的弹出插件我正在我的项目中集成视频，如上图所示。但我遇到的问题有时会打开弹出窗口，但有时会将我重定向到youtube页面。我想在用户点击图片时显示弹出窗口。

弹出窗口不会显示

0 个答案: