2011-11-22 68 views
6

人,我覺得我很接近,但沒有獎品。這裏是我用來加載Fancybox的代碼,並且通過它我試圖加載JW Player。正在載入JW Player FancyBox內

<script type="text/javascript"> 
     jQuery(window).load(function() { 
     jQuery("a.fancybox").fancybox({ 
      'content':'<div id="mediaspace">Test</div>', 
      maxWidth : 800, 
      maxHeight : 600, 
      fitToView : false, 
      width  : '70%', 
      height  : '70%', 
      autoSize : false, 
      closeClick : false, 
      openEffect : 'none', 
      closeEffect : 'none', 
      afterLoad: function() { 
       jwplayer('mediaspace').setup({ 
        'flashplayer': '<?php bloginfo('template_directory'); ?>/lib/jw/player.swf',    
        'file': 'LtGoBZ4D4_E', 
        'image': 'http://img.youtube.com/vi/LtGoBZ4D4_E/0.jpg', 
        'provider': 'youtube', 
        'height': 400, 
        'width': 700, 
        'controlbar.position': 'bottom', 
        'youtube.quality': 'highres' 
       }); 
      } 
     }); 
     }); 
    </script> 

請原諒代碼格式,我一直在嘗試很多不同的選擇。

JW播放器確實在fancybox之外工作。任何想法或查看問題的替代方法?

回答

5

afterLoad回調不會觸發,因爲沒有圖像或視頻固有的fancybox插件,需要「加載」。相反的:

afterLoad: function() { 

用途:

afterShow: function() { 

,將解決你的問題。

以下是有關進一步參考或未來API更改的文檔鏈接:http://fancyapps.com/fancybox/

+0

完美!謝謝! –