0
我的Jplayer是一個音頻播放器,我遇到了一些麻煩。我無法訪問isPaused。我需要發生的是當玩家玩遊戲時,div的背景圖像需要改變。我有兩個測試腳本,都沒有正確工作。jplayer在暫停時更改背景
我的球員
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
mp3: "/media/audio/RelaxSeg.mp3",
}, {
supplied: "mp3",
cssSelectorAncestor: "#cp_container_1",
swfPath: "/jQuery.jPlayer.2.2.0/v11/js",
wmode: "window"
});
我containter。
<div id="jquery_jplayer_1" class="cp-jplayer"></div>
<div id="cp_container_1" class="cp-container" style="background:none;">
<img id="bg_image" class="bg_image1" src="/jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_img.png" height="60" />
<div class="cp-progress-holder"> <!-- .cp-gt50 only needed when progress is > than 50% -->
<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> <!-- Needs the inline style here, or jQuery.show() uses display:inline instead of display:block -->
</ul>
</div>
這應該工作,但由於某種原因沒有。
if($("#jquery_jplayer_1").data("jPlayer").status.isPlaying) {
$(".bg_image1").attr("src", "/jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_image_green.png");
}
else {
$(".bg_image1").attr("src", "/jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_img.png");
}
我也有這個代碼,doenst工作或者,當玩家不玩,不顯示暫停按鈕,播放器正在播放時,它的風格變得顯示器=塊。
if(document.getElementById("pause1").style.display = "block") {
$(".bg_image1").attr("src", "/jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_image_green.png");
}
if(document.getElementById("pause1").style.display = "none") {
$(".bg_image1").attr("src", "/jQuery.jPlayer.2.2.0/v11/circle.skin/jplayer_bg_img.png");
}
我爲代碼塊appologize,但我並不想留下任何東西。
這在音頻結束實際上並沒有改變。當音頻結束時,播放器也需要改變背景,這就是爲什麼我需要一個與isPlaying – user2089255 2013-03-27 17:11:13
@ user2089255一起使用的功能我認爲你需要'播放'和**不** ** isPlaying'('isPlaying' doesn' t存在) – mattytommo 2013-03-27 17:15:55
@ user2089255檢查我更新的編輯,也可以使用'ended'事件來查看它何時結束。 – mattytommo 2013-03-27 17:18:09