如何用fancybox手動打開youtube視頻

我正在構建angularJS webapp，並且想通過調用我的構造函數來打開youtube視頻。爲了實現這一點;我想重現與如何用fancybox手動打開youtube視頻

相同的行爲

$(document).ready(function() { 
     $('.fancybox-media') 
      .attr('rel', 'media-gallery') 
      .fancybox({ 
       openEffect : 'fade', 
       closeEffect : 'fade', 
       padding: 0, 
       helpers : { 
        media : {}, 
        buttons : {} 
       } 
      }); 
    });

但是使用手動方式，$.fancybox.open([ ... ])。有人可以指導我如何做到這一點？

來源

2014-12-02 K. L.

也許這篇文章可以幫助你http://stackoverflow.com/questions/13948019/can-you-explain-fancybox-open-group-options- PARAMS和-IF-I-可以加喲 – Sergey 2014-12-02 08:20:36

$.fancybox.open({ 
    content: '<iframe width="xxx" height="xxx" src="//www.youtube.com/embed/xxxxxxxx" frameborder="0" allowfullscreen></iframe>' 
});

來源

2014-12-02 08:17:27

你並不需要完整的iframe HTML標籤設置爲在的fancybox API選項content但通過視頻的URL，並設置type到iframe。你可以簡單地做：

jQuery(document).ready(function ($) { 
    $.fancybox.open({ 
     href: "https://www.youtube.com/embed/jid2A7ldc_8", 
     type: "iframe", 
     // other API options 
     openEffect: 'fade', 
     closeEffect: 'fade', 
     padding: 0, 
     helpers: { 
      buttons: {} 
     } 
    }); 
}); // ready

見JSFIDDLE

來源

2014-12-02 15:38:27 JFK

如何用fancybox手動打開youtube視頻

回答

相關問題