Pausa na Musica

[michelchile 0]

Fala galera, beleza?

Sou novo na area de programacao e estou comecando a brincar um pouco com javascript.

 

Eu criei uma pagina onde possui uma musica de fundo e alguns videos no youtube que carrega através do lightbox.

 

Eu estou tentando criar uma forma de pausar a musica quando eu chamo o lightbox e retomar quando eu fecho ele.

A mesma coisa para quando troco de guia no navegador.

 

Alguem tem ideia de como posso estar fazendo isso?

 

 

Obrigado!

[Billy 11]

Seria melhor você indicar como está fazendo para tocar o audio em BG

Existem várias formas e com isso várias formas de pausar também.

 

Segue exemplo usando a tag audio

 

https://jsfiddle.net/h7gbgu8z/1/

[michelchile 0]

Opa, desculpe a falta de informaçao, mas sim eu utilizava a tag audio.

 

Joguei o ID "pp" para as divs de abertura de video e efetuei um teste onde funcionou perfeitamente, bem da forma que eu gostaria!

 

 

O unico problema que tenho agora, é que de alguma forma quando clico em fechar ele nao retoma a musica. Usei ID diferente, mas ele nao encontra a função. Creio que pode ser alguma interferencia do Magnific Popup. Porque alterei da seguinte forma:

 

music-close.js:

var pp2 = document.getElementById("pp2");
var player = document.getElementById("player");

function isPlaying(audelem) { return !audelem.paused; }

function playPause(audelem){
	if(isPlaying(audelem)){
  	player.pause()
  }else{
  	player.play()
  }
}

pp2.onclick = function(e){
	e.preventDefault();
	playPause(player);
}

 

 

E dentro do magnific.js, na parte que ele cria o button, eu efetuei a alteracao para:

 

closeMarkup:'<button title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'

 

Inclusive depois confirmo se ele criou corretamente dentro do html e está perfeito:

<div class="mfp-iframe-scaler"><button title="Close (Esc)" type="button" class="mfp-close" id="pp9">×</button>

 

JS do Magnific completo: https://pastebin.com/WcrF6Tgj

 

Lembrando que criei um ID especificamente para o close do maginific.

[Billy 11]

isso deve ser porque o código está sendo executado antes do close estar na tela.

 

você pode tentar atribuir depois o click ou jogar o fechar em uma função:

 

var playpause = function (e){
	e.preventDefault();
	playPause(player);
}

closeMarkup:'<button onclick="playpause()" title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'