Spotify Iframe打开新页面或打开应用程序而不是在同一站点中播放

时间:2015-12-08 18:01:46

标签: html spotify

我在网站上有这段代码

<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Ametcastle%3Aplaylist%3A5I28Zby77hlyq61uqfgnZq" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

但是当你播放列表时,打开一个新页面(https://play.spotify.com/)或者如果你有应用程序,则在应用程序中播放该歌曲。

我想要的是在同一页面听到音乐,我不想打开新页面或应用程序!

这是嵌入小部件的目标吗?

我希望你能帮助我。

2 个答案:

答案 0 :(得分:5)

这实际上是spotify widget specifications的一部分,它就是API的工作原理:

  

当登录的Spotify用户点击该按钮时,音乐将开始在Spotify播放器中播放。如果用户未登录其Spotify帐户,系统将提示他们这样做。如果用户没有Spotify播放器,他们将被发送到Spotify注册​​页面或提示在新窗口中下载合适的客户端。

答案 1 :(得分:1)

为IFRAME提供ID,

<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Ametcastle%3Aplaylist%3A5I28Zby77hlyq61uqfgnZq" width="300" height="380" frameborder="0" allowtransparency="true" id="theFrame"></iframe>

使用jQuery并在IFRAME中定位play元素(html组件),其中大部分应该是锚标记<a>,将该元素的target属性设置为_self或者'_parent'哪里最适合你。

类似的东西,

$('document #theFrame #thePlayAnchorTag').attr('target', '_self');

,或者

$('document #theFrame #thePlayAnchorTag').attr('target', '_parent');

你必须找出该播放按钮的类或id或其他一些可以帮助你掌握jQuery中的播放按钮的元素。尝试使用F12,即转到浏览器上的开发工具并检查播放按钮。