JPlayer

[AngelGabriel]

может и так

 

[sergei_bratishev]

а мне вот еще интересно, у меня когда в этом плеере песня проигрывается то она начивается занова и я не как не могу убрать этот повтор. помогите пожалуйста.

 

[AngelGabriel]

этот плеер добавит вашей страничке где то +110кб

 

[sergei_bratishev]

этот плеер добавит вашей страничке где то +110кб

вы другой предлогаете?

 

[AngelGabriel]

нет, просто указал на его минус

 

[BaNru]

а мне вот еще интересно, у меня когда в этом плеере песня проигрывается то она начивается занова и я не как не могу убрать этот повтор. помогите пожалуйста.

По умолчанию он не повторяется. Значит ты сам активировал это
ищи в коде строки со словом loop или repeat

 

[sergei_bratishev]

По умолчанию он не повторяется. Значит ты сам активировал это ищи в коде строки со словом loop или repeat

да я уже искал, не фига не нашел...может ослеп уже. завтра еще посмотрю может найду. спасибо!

 

[sergei_bratishev]

у меня так и не получилось убрать повтор, в коде нет слов loop или repeat...в коде вообще нечего нет про повтор. и значит по умолчанию стоит автоповтор, кто знает эту строчку кода которой можно убрать повтор?

 

[BaNru]

Ну к сожалению тут гадалок нет, мы не знаем что ты там понаписал. Выкладывай архив с кодом.

 

[sergei_bratishev]

код плеера:

<div class="pleer_pol" style="z-index: 1000;">

<div id="jquery_jplayer"></div>
  <div id="player_container">
<ul id="player_controls">
<li id="player_play"><a href="#" onClick="$('#jquery_jplayer').play(); return false;" title="play"><span>play</span></a></li>
<li id="player_pause"><a href="#" onClick="$('#jquery_jplayer').pause(); return false;" title="pause"><span>pause</span></a></li>
<li id="player_stop"><a href="#" onClick="$('#jquery_jplayer').stop(); return false;" title="stop"><span>stop</span></a></li>
<li id="player_volume_min"><a href="#" onClick="$('#jquery_jplayer').volume(0); return false;" title="min volume"><span>min volume</span></a></li>
<li id="player_playlist"><a href="#" onClick="$('#jquery_jplayer').playlist(); return false;"><span></span></a></li>
</ul>
<div id="player_progress">
<div id="player_progress_load_bar">
<div id="player_progress_play_bar"></div>
</div>
</div>
<div id="player_volume_bar">
<div id="player_volume_bar_value"></div>
</div>

<div id="song_title"></div>
<div id="play_time"></div>
<img src="images/x1.png" width="8" height="8" style="float: right; cursor: pointer;" onClick="$('.pleer_pol').slideUp(300); $('.button_pleer_up').slideDown(300); return false;"/>
</div>
</div>

скрипт к нему:

<script>
$(document).ready(function(){
$("#jquery_jplayer").jPlayer({
ready: function () {
$("#jquery_jplayer").change();
},
cssPrefix: "different_prefix_example"
});
$("#jquery_jplayer").jPlayerId("play", "player_play");
$("#jquery_jplayer").jPlayerId("pause", "player_pause");
$("#jquery_jplayer").jPlayerId("stop", "player_stop");
$("#jquery_jplayer").jPlayerId("loadBar", "player_progress_load_bar");
$("#jquery_jplayer").jPlayerId("playBar", "player_progress_play_bar");
$("#jquery_jplayer").jPlayerId("volumeMin", "player_volume_min");
$("#jquery_jplayer").jPlayerId("volumeMax", "player_volume_max");
$("#jquery_jplayer").jPlayerId("volumeBar", "player_volume_bar");
$("#jquery_jplayer").jPlayerId("volumeBarValue", "player_volume_bar_value");
$("#jquery_jplayer").onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
var myPlayedTime = new Date(playedTime);
var ptMin = (myPlayedTime.getMinutes() < 10) ? "0" + myPlayedTime.getMinutes() : myPlayedTime.getMinutes();
var ptSec = (myPlayedTime.getSeconds() < 10) ? "0" + myPlayedTime.getSeconds() : myPlayedTime.getSeconds();
$("#play_time").text(ptMin+":"+ptSec);
var myTotalTime = new Date(totalTime);
var ttMin = (myTotalTime.getMinutes() < 10) ? "0" + myTotalTime.getMinutes() : myTotalTime.getMinutes();
var ttSec = (myTotalTime.getSeconds() < 10) ? "0" + myTotalTime.getSeconds() : myTotalTime.getSeconds();
$("#total_time").text(ttMin+":"+ttSec);
});
$("#jquery_jplayer").onSoundComplete( function() {
$("#jquery_jplayer").play();
});

		 
 
});

</script>

CSS:

#player_container {
position: relative;
width:700px;
height:48px;
margin: auto;
}
#player_container  ul#player_controls {
list-style-type:none;
padding:0;
margin: 0;
}
#player_container  ul#player_controls li {
overflow:hidden;
text-indent:-9999px;
}
#player_play,
#player_pause {
display: block;
position: absolute;
left:40px;
top:4px;
width:40px;
height:40px;
cursor: pointer;
}
#player_play {
background: url("images/img_pl/play1.png") 0 0 no-repeat;
}
#player_play.different_prefix_example_hover {
background: url("images/img_pl/play2.png") 0 0 no-repeat;
}
#player_pause {
background: url("images/img_pl/pouse1.png") 0 0 no-repeat;
}
#player_pause.different_prefix_example_hover {
background: url("images/img_pl/pouse2.png") 0 0 no-repeat;
}
#player_stop {
position: absolute;
left:90px;
top:10px;
background: url("images/img_pl/stop1.png") 0 0 no-repeat;
width:28px;
height:28px;
cursor: pointer;
}
#player_stop.different_prefix_example_hover {
background: url("images/img_pl/stop2.png") 0 0 no-repeat;
}
#player_progress {
position: absolute;
left:130px;
top:22px;
background-color: #fff;
width:430px;
height:4px;
}
#player_progress_load_bar {
background: #EAEAEA;
width:0px;
height:4px;
cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
background: url("images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
background: url("images/bar_play.gif") top left repeat-x ;
width:0px;
height:4px;
}
#player_volume_min {
position: absolute;
right:108px;
top:16px;
background: url("images/img_pl/volume_min.png") 0 0 no-repeat;
width:18px;
height:15px;
cursor: pointer;
}
#player_volume_max {
position: absolute;
left:346px;
top:32px;
background: url("images/spirites.jpg") 0 -186px no-repeat;
width:18px;
height:15px;
cursor: pointer;
}
#player_volume_min.different_prefix_example_hover {
background: url("images/img_pl/volume_min1.png") 0 0 no-repeat;
}
#player_volume_max.different_prefix_example_hover {
background: url("images/spirites.jpg") -19px -186px no-repeat;
}
#player_volume_bar {
position: absolute;
right:50px;
top:22px;
background: url("images/volume_bar.gif") repeat-x top left;
width:46px;
height:4px;
cursor: pointer;
}
#player_volume_bar_value {
background: url("images/volume_bar_value.gif") repeat-x top left;
width:0px;
height:4px;
}
#player_playlist{
    position: absolute;
right:25px;
top:16px;
background: url("images/img_pl/playlist.png") 0 0 no-repeat;
width:15px;
height:15px;
cursor: pointer;
}
#player_playlist:hover{
    background: url("images/img_pl/playlist1.png") 0 0 no-repeat;
}
#player_playlist_message {
position: absolute;
left:0;
bottom:0;
width:338px;
padding:5px 40px 10px 40px;
font-family: Arial, Helvetica, sans-serif;
line-height:1.4em;
height:1em;
background-color:#ccc;
}
#song_title {
float:left;
margin:3px 0px 0 130px;
padding:0;
font-weight:bold;
color:#fff;
font-size:13px;
max-width: 420px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#play_time,
#total_time {
padding-top:.3em;
font-weight:normal;
font-style:oblique;
font-size:.7em;
color:#fff;
}
#play_time {
float:right;
position: relative;
right:540px;
top:27px;
}
#total_time {
float:right;
text-align: right;
}
.miaow {
font-size:.8em;
color:#999;
}

 

[lekzd]

у меня так и не получилось убрать повтор, в коде нет слов loop или repeat...

вам бы разобраться что такое API, а то вы где-то нашли код плеера, а управлять не получается
в документации сказано что есть опция "loop"
в данном случае после конструкции cssPrefix надо ставить запятую и добавлять "loop": false

но проблема не в этом, а в этом:

$("#jquery_jplayer").onSoundComplete( function() {
$("#jquery_jplayer").play();
});

эта функция выполняется когда плеер готов играть дальше, сюда ему и стоит пихать следующий файл