FancyBox Iframe不第二次關閉

我知道這個問題之前被問過，但是我無法讓我的代碼工作。FancyBox Iframe不第二次關閉

我有我的fancybox啓動：

$(document).ready(function() { 

      $('.fancybox').on('click', function(event) { 
    event.preventDefault(); 
    $.fancybox({ 
     'type' : 'iframe', 
     // hide the related video suggestions and autoplay the video 
     'href' : this.href = this.href.replace(new RegExp("([0-9])","i"),'moogaloop.swf?clip_id=$1') + '&autoplay=1', 
     'overlayShow' : true, 
     'centerOnScroll' : true, 
     'speedIn' : 100, 
     'speedOut' : 50, 
     'width' : 640, 
     'height' : 480 
    }); 
}); 

});

，然後IFRAME被稱爲：

<a class="fancybox fancybox.iframe" href="http://vimeo.com/123456">

但是當我關閉彈出窗口，然後再嘗試打開一遍視頻沒有顯示出來，任何人都可以幫助我解決它，大多數解決方案都與'type'相關：'inline'，並且沒有接縫與我的示例一起工作。

非常感謝，

來源

2013-06-19 jmysona

如果您正在使用的fancybox V2.X，那麼你就需要在你的腳本（過時）的選項（V1.3.4）。你可以這樣做

1）。設置你的HTML像

<a class="fancybox" href="http://vimeo.com/123456">

...去除特殊類fancybox.iframe

2）。添加助手媒體js文件，如：

<script type="text/javascript" src="../helpers/jquery.fancybox-media.js"></script>

...設置相應的路徑

3）。使用此腳本

jQuery(document).ready(function ($) { 
    $('.fancybox').fancybox({ 
     helpers: { 
      media: {} 
     } 
    }); 
});

...並保存自己的一些頭痛。

見JSFIDDLE

如果需要的話你可以添加更多的API選項。檢查http://fancyapps.com/fancybox/#docs的選項v2.x

來源

2013-06-19 22:46:13 JFK

謝謝JFK，像一個魅力和我的頭痛不見了;）再次感謝 – jmysona

由於某種原因，這不適合我在I.E.彈出窗口顯示，但視頻不播放。 –

@DavidMartinez：什麼不工作？演示（jsfiddle）或您的實現。如果第二個，分享鏈接，看看問題是什麼。 – JFK

FancyBox Iframe不第二次關閉

回答

相關問題