Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

111
Visualizações
embedded bandcamp iframe updates url?

Bandcamp gives you html for an iframe to embed music onto your website

When a user clicks on a song in the iframe, something happens and I'm not sure what. The parent URL doesn't change and it doesn't appear that popState nor pushState have been fired but the user is left with an 'extra' state? (the iframe doesn't appear to change its URL either)

Pressing the back button at this point does nothing and the popState event listener doesn't fire. If the user then clicks the back button again, it reacts like normal, with a popState event.

I understand that since the iframe isn't on my domain I'm pretty much out of luck by the sounds of it. I've tried some suggestions to listen to the pushState event which works, but doesn't fire in this circumstance

Here's my example: https://codepen.io/mugRuncher/pen/wvqJNJb

<iframe style="border: 0; width: 350px; height: 786px;" src="https://bandcamp.com/EmbeddedPlayer/album=3118567546/size=large/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="https://daysndaze.bandcamp.com/album/show-me-the-blueprints">Show Me The Blueprints. by Days N Daze</a></iframe>

Load my example ^ click a song > click the back button and you will see what I'm talking about

Note: if you click anything other than a song from the list, this will not happen

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Adding a # at the end of the URL in the src attribute of the iframe fixes the issue:

https://bandcamp.com/EmbeddedPlayer/album=3118567546/size=large/bgcol=ffffff/linkcol=0687f5/transparent=true/#

This will set the iframe into the state that it will want to advance to

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda