Ładowanie odtwarzacza JW wewnątrz FancyBox

Question

Ludzie, czuję, że jestem blisko, ale bez nagrody. Oto kod, którego używam do załadowania Fancybox i przez którą próbuję załadować 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> 

Proszę wybaczyć formatowanie kodu, eksperymentowałem z wieloma różnymi opcjami.

JW Player robi działa poza fancybox. Jakieś pomysły lub alternatywne sposoby patrzenia na problem?

Answer 1

Callback afterLoad nie uruchamia się, ponieważ nie ma obrazu lub wideo nieodłącznego dla wtyczki fancybox, która musiałaby zostać "załadowana". Zamiast:

afterLoad: function() { 

użytkowania:

afterShow: function() { 

To rozwiąże problem.

Oto link do dokumentacji dla dalszego odniesienia lub przyszłych zmian API: http://fancyapps.com/fancybox/