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

Question

我在网站上有这个代码

<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/）或者如果你有应用程序，播放应用程序中的歌曲。

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

这是嵌入小部件的目标，对吗？

希望你能帮帮我。

Answer 1

这实际上是 Spotify widget specifications 的一部分，这正是 API 的工作原理：

When a logged-in Spotify user clicks the button, the music will start playing in the Spotify player. If the user is not logged into their Spotify account, they will be prompted to do so. If the user does not have a Spotify player they will be sent to the Spotify sign-up page or prompted to download a suitable client, in a new window.

Answer 2

为 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 内的播放元素（html 组件），它主要应该是锚标记 <a> ，设置 target 属性该元素的 _self 或 '_parent' 最适合您的地方。

有点像，

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

或者，

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

您必须找出 class 或该播放按钮的 ID 或其他可以帮助您在 jQuery 中找到该播放按钮的元素。尝试按 F12，即转到浏览器上的开发工具并检查播放按钮。

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

Spotify Iframe open a new page or open the app instead of play in the same site

html

spotify