JPlayer + Ajax页面加载(JPlayer + Ajax page load)

我会尽量保持这个短：

我将如何管理，使jPlayer的唯一实例（http://jplayer.org/）“工作”后AJAX页面加载？

我jPlayer使用以下内嵌Javascript代码：

<?
    $mp3    = get_post_meta(get_the_ID(), 'audio_mp3', TRUE);
    $ogg    = get_post_meta(get_the_ID(), 'audio_ogg', TRUE);

?>

<?php if($mp3 && $ogg) { ?>

<script type="text/javascript">
jQuery(document).ready(function($) {


        jQuery( '#jquery_jplayer_<?php the_ID(); ?>' ).jPlayer({
            ready: function() {
                jQuery(this).jPlayer('setMedia', {
                    mp3: "<?php echo ($mp3); ?>",
                    oga: "<?php echo ($ogg); ?>"
                    });
                },
            swfPath: "<?php echo get_template_directory_uri(); ?>/js/jplayer/",
            cssSelectorAncestor: "#jp_container_<?php the_ID(); ?>",
            supplied: "<?php if($mp3 != '') : ?>mp3, <?php endif; ?><?php if($ogg != '') : ?>oga, <?php endif; ?> all"
        });


});

</script>

对于像prettyPhoto灯箱例如非独特的东西，我创建了一个函数（prettyPhoto（）;至极我把回调，但我似乎无法得到这与jplayer工作！

任何帮助将apriciated！

Answer 1:

我建议使用播放插件。

1. 创建一个空的播放器实例

    var jpplaylist = new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, [], { swfPath: "/path/to/swf", supplied: "mp3", wmode: "window" }); 

2. 您的AJAX页面加载后，使用setPlaylist功能添加曲目：

    jpplaylist.add({ title:"Song Title", mp3:"http://example.com/example.mp3" }); 

完整的播放列表功能在这里： http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

文章来源: JPlayer + Ajax page load