在FancyBox中加载JW Player

时间:2011-11-22 02:31:47

标签: jquery fancybox

伙计们,我觉得我很亲密,但没有奖品。这是我用来加载Fancybox的代码,我试图通过它加载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>

请原谅代码格式化,我一直在试验很多不同的选项。

JW Player 在fancybox之外工作。任何想法或其他方式来看问题?

1 个答案:

答案 0 :(得分:5)

afterLoad回调不会触发,因为没有需要“加载”的fancybox插件固有的图像或视频。而不是:

    afterLoad: function() {

使用:

    afterShow: function() {

这将解决您的问题。

以下是文档的链接,以供进一步参考或未来的API更改:http://fancyapps.com/fancybox/