Question

我有一个jquery圈子玩家，我想坚持我的网站的顶部。问题是当用户从一个页面移动到另一个页面时，音频会因重新加载而停止播放即使用户移动到我网站中的另一个页面，是否可以让我的音频播放器“卡住”并加载？我想要一个类似“固定”的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这样的东西，只是加载内容看看这个问题和答案：

Continuing music playback even while changing pages

我希望这有帮助，
汤姆

更改页面时加载音频播放器，jQuery圈播放器

1 个答案: