Caricamento JW Player all'interno di FancyBox

Question

Gente, mi sento come se fossi vicino, ma senza premio. Ecco il codice che sto usando per caricare un Fancybox e attraverso il quale sto tentando di caricare JW Player.

<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> 

Si prega di perdonare la formattazione del codice, ho sperimentato un sacco di opzioni diverse.

JW Player fa funziona al di fuori di fancybox. Qualche idea o modo alternativo di guardare al problema?

Answer 1

Il callback afterLoad non si attiva perché non è presente alcuna immagine o video inerente al plug-in fancybox che dovrebbe "caricare". Invece di:

afterLoad: function() { 

Usa:

afterShow: function() { 

che risolverà il tuo problema.

Questo è il link alla documentazione per ulteriori riferimenti o futuri cambiamenti API: http://fancyapps.com/fancybox/