Memuat JW Player di dalam FancyBox

Teman-teman, saya merasa sudah dekat, tetapi tidak ada hadiah. Berikut kode yang saya gunakan untuk memuat Fancybox dan melaluinya saya mencoba memuat 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>

Mohon maaf atas pemformatan kode, saya telah bereksperimen dengan banyak opsi berbeda.

JW Player berfungsi di luar fancybox. Adakah ide atau cara alternatif untuk mengatasi masalah ini?


person Jonathan Wold    schedule 22.11.2011    source sumber


Jawaban (1)


Callback afterLoad tidak aktif karena tidak ada gambar atau video yang melekat pada plugin fancybox yang perlu "dimuat". Alih-alih:

    afterLoad: function() {

Menggunakan:

    afterShow: function() {

Itu akan menyelesaikan masalah Anda.

Berikut ini tautan ke dokumentasi untuk referensi lebih lanjut atau perubahan API di masa mendatang: http://fancyapps.com/fancybox/

person Nick Johnson    schedule 22.11.2011