2011-11-22 2 views
6

Les gens, je me sens comme si j'étais proche, mais pas de prix. Voici le code que j'utilise pour charger une Fancybox et à travers lequel j'essaye de charger JW Player.Chargement JW Player à l'intérieur de 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> 

S'il vous plaît pardonner le formatage du code, j'ai expérimenté avec beaucoup d'options différentes.

JW Player est-ce que fonctionne en dehors de fancybox. Des idées ou d'autres façons de voir le problème?

Répondre

5

Le rappel afterLoad ne se déclenche pas car il n'y a aucune image ou vidéo inhérente au plugin fancybox qui aurait besoin de "charger". Au lieu de:

afterLoad: function() { 

Utilisation:

afterShow: function() { 

qui résoudra votre problème.

Voici un lien vers la documentation pour référence ultérieure ou modifications de l'API futures: http://fancyapps.com/fancybox/

+0

Parfait! Je vous remercie! –

Questions connexes