嵌入式bandcamp iframe更新url?



Bandcamp给你一个iframe的html来嵌入音乐到你的网站

当用户点击iframe中的歌曲时,会发生一些事情,我不确定是什么。父URL没有改变,也没有出现popState和pushState已经被触发,但用户留下了一个"额外的"状态?(iframe似乎也没有改变它的URL)

此时按下后退按钮什么也不做,而且popState事件监听器也没有触发。如果用户再次点击后退按钮,它的反应就像正常的一样,有一个popState事件。

我明白,因为iframe不在我的域中,所以听起来我很不走运。我已经尝试了一些建议来听pushState事件,它工作,但在这种情况下不会触发

下面是我的例子: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>

加载我的示例^点击歌曲>点击后退按钮,你会看到我在说什么

注意:如果您点击列表中的歌曲以外的任何内容,则不会发生这种情况

在iframe的src属性URL的末尾添加#可以解决这个问题:

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

这将把iframe设置为它想要前进到

的状态。

最新更新