在FancyBox中加载JW Player

Jon*_*old 6 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>
Run Code Online (Sandbox Code Playgroud)

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

JW球员的fancybox以外的工作.任何想法或其他方式来看问题?

Nic*_*son 5

afterLoad回调不会触发,因为没有需要"加载"的fancybox插件固有的图像或视频.代替:

    afterLoad: function() {
Run Code Online (Sandbox Code Playgroud)

使用:

    afterShow: function() {
Run Code Online (Sandbox Code Playgroud)

这将解决您的问题.

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