Magnific Popup如何使用动态网址为iframe视频

时间:2014-12-13 10:17:58

标签: jquery magnific-popup

我想以动态的方式获取vimeo视频的链接:

jQuery('.overlay.showcases').magnificPopup({
    items: [
    {
        src: jQuery(this).find('a').attr('href'),
        type: 'iframe'
    }
    ]

});

但它现在有效...只显示黑色vimeo屏幕,这是html代码:

<div class="overlay showcases">
    <a class="vimeolink" href="<?php echo get_field_escaped("vimeo_link"); ?>">Vimeo Link</a>
    <h3><?php the_title(); ?></h3>
    <?php the_excerpt(); ?> 
</div>

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:3)

我找到了解决方法:

jQuery( ".overlay.showcase" ).click(function() {
    jQuery.magnificPopup.open({
      items: {              
        src: jQuery(this).find('a').attr('href'),          
        type: 'iframe'
       }
    });
});

希望这会帮助有这个问题的其他人。