点击div时打开fancybox iframe

Question

使用fancybox2并在点击div时尝试打开YouTube视频

<div class="vid" data-href="http://www.youtube.com/embed/gGFXXWsCiVo?autoplay=1">This DIV should open fancybox</div>    

$(".vid").fancybox({
type: "iframe",
onStart: function (el, index) {
    var thisElement = $(el[index]);
    $.extend(this, {
        href: thisElement.data("href")
    });
  }
});

但它的剂量工作,请帮忙.

的jsfiddle

Answer 1

好吧,我不知道为什么你这样的fancybox复杂化,为什么你需要'thisElement'var？你应该给我们一些更多的细节,以确保我们真正了解你的需求......我在这里给你一些打开fancybox的提示..:

当你使用fancybox时,就像这样启动它:

//event function(){
$('.vid').click(function(){
    $.fancybox({
        //settings
        'type' : 'iframe',
        'width'     : 640,
        'height'        : 480,
        //You don't need your thisElement var, see below : 
        'href'          : $(this).data('href')
    });
});

并将您的设置放入其中,

这里是您的起点,现在只需对其进行定制,使其更好地满足您的需求:

http://jsfiddle.net/rtp7dntc/9/

希望能帮助到你!