Estou quase finalizando para terminar preciso que o player pause tanto da lista como da nav funciona junto, já tentei de varias maneiras e não consegui será que alguém consegue me ajudar?
Botoes Nav
<div class="row controleBotoes" >
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2">
<button id="prev"></button>
</div>
<div class="col-xs-4 col-sm-8 col-md-8 col-lg-8" >
<button id="play" class="btn_controle" value="play"></button>
<button id="adianta10" onclick="skip(-10)">teste</button>
<button id="pause" class="btn_controle" value="pause"></button>
</div>
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2">
<button id="next"></button>
</div>
</div>
Botao Lista
<li song="' +midia+'"><div class="linha-player"><div class="botoes-lista"><div class="linha"></div><div class="botoes-li" id="botoes-li" >'+botao_muda_player+'</div><div class="botoes-Pa" id="botoes-Pa" >'+botao_muda_pause+'</div></div><div class="bloco-direito"><div class="linha-descricao"><h3 class="descricao-titulo" style="color:'+cor+'">'+ titulo+'</h3></div><div class="linha-descricao"><p class="texto_unidade">'+ subtitulo+ '</p><input type="hidden" id="id" name="id" value="'+ id +'"></div></div></div></li>
Main
//Play Button
$('#play').click(function(){
audio.play();
$('#play').hide();
$('#pause').show();
$('#duration').fadeIn(400);
showDuration();
});
Pause Button
$('#pause').click(function(){
audio.pause();
$('#pause').hide();
$('#play').show();
});
Next Button
$('#next').click(function(){
audio.pause();
var next = $('#playlist li.active').next();
if (next.length == 0) {
next = $('#playlist li:first-child');
}
if($('#play').is(':visible')){
$('#play').hide();
$('#pause').show();
}
initAudio(next);
audio.play();
showDuration();
});
Prev Button
$('#prev').click(function(){
audio.pause();
var prev = $('#playlist li.active').prev();
if (prev.length == 0) {
prev = $('#playlist li:last-child');
}
if($('#play').is(':visible')){
$('#play').hide();
$('#pause').show();
}
initAudio(prev);
audio.play();
showDuration();
});
Playlist song Click
$('#playlist li').click(function (e) {
e.preventDefault();
if(playing) {
audio.pause();
initAudio($(this));
$('#play').hide();
$('#pause').show();
$('#duration').fadeIn(400);
audio.play();
showDuration();
playing = false;
} else {
audio.pause();
$('#pause').hide();
$('#play').show();
} });