我在网站上有这段代码
<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/)或者如果你有应用程序,则在应用程序中播放该歌曲。
我想要的是在同一页面听到音乐,我不想打开新页面或应用程序!
这是嵌入小部件的目标吗?
我希望你能帮助我。
答案 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,即转到浏览器上的开发工具并检查播放按钮。