在更改页面时，请保持音频播放器加载

Question

我有一个我想坚持在网站顶部的jQuery Circle播放器。问题在于，当用户从一个页面移动到另一页时，音频会停止播放，因为它正在重新加载。
即使用户移至我的网站中的另一页，是否可以让我的音频播放器"卡住"并加载？我想要一个类似"固定" Div交叉页面之类的东西，而不必打开一个带有播放器的新页面。不知道这是可能的还是有多困难。

这是我的球员：

<div id="cp_container_1" class="cp-container" style="background:none;">
    <img id="bg_image" class="bg_image1 cp-play"  src="jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_blue.png" />
    <img id="bg_image" class="bg_image1_5 cp-pause"  src="jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_image_green.png" />
    <img  id="play_bg" src="jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_play_bg.png" height="57" width="56"  />
    <div class="cp-progress-holder"> 
        <div class="cp-progress-1"></div>
        <div class="cp-progress-2"></div>
    </div>
    <div class="cp-circle-control"></div>
    <ul class="cp-controls">
        <li><a id="play1"  class="cp-play" tabindex="1">play</a></li>
        <li><a id="pause1"  class="cp-pause" style="display:none;" tabindex="1">pause</a></li> 
    </ul>
</div>  
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",          
{
        mp3: "GotanProject_Triptico.mp3",
}, {
    supplied: "mp3",
    cssSelectorAncestor: "#cp_container_1",
    swfPath: "jQuery.jPlayer.2.2.0/v11/js",
    wmode: "window",
    play: function () {
        $(".bg_image1").attr("src", "jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_image_green.png");
    },
    pause: function () {
        $(".bg_image1").attr("src", "jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_blue.png");
    },
    ended: function () {
        $(".bg_image1").attr("src", "jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_blue.png");
    }
});

Answer 1

我认为您会使用Ajax进行类似的内容，然后加载内容。
看看这个问题并回答：

即使在更改页面时继续播放音乐

我希望这会有所帮助，
汤姆