jquery - 在 FancyBox 中加载 JW 播放器

标签 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 之外工作。有什么想法或其他看待问题的方法吗?

最佳答案

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

    afterLoad: function() {

用途:

    afterShow: function() {

这将解决你的问题。

以下是文档链接,供进一步引用或 future API 更改:http://fancyapps.com/fancybox/

关于jquery - 在 FancyBox 中加载 JW 播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8221253/

相关文章:

jquery - 如何解析ajax请求的json响应?

jQuery fancybox - 在 iframe 中定位特定的 div #id

ruby-on-rails - 在application.css.scss中的Require语句

javascript - Simple Fancybox 2 键选项 - 如何使用?

php - 通过 ajax 提交时,德语特殊字符卡住

php - JQuery 在 IE 8 或 7 中不起作用

javascript - 如何将字符串正确解析为onclick方法

jquery - 更改 fancybox 关闭按钮标题/工具提示

javascript - 作为匿名函数的默认事件处理程序与函数名称之间有什么区别

javascript - 选择的 jquery 脚本不工作