Spotify播放按鈕在隱藏元素中的大小

我們在分頁測驗樣式嚮導/旋轉木馬中使用了一些嵌入式Spotify播放按鈕（使用jQuery Tools -yuk-提供分頁功能）;我遇到的問題是，因爲每個問題都在最初隱藏的div上，所以每個Spotify iframe的內容都無法確定要渲染哪個播放器（小vs大）。Spotify播放按鈕在隱藏元素中的大小

當用戶滾動到每個面板時，強制刷新這些iframe是可能的，但這種感覺像是黑客攻擊和一堆額外的HTTP請求。

有沒有人有這方面的經驗？任何解決方法都不需要我將請求擴展到Spotify？

在此先感謝

小號

來源

2013-01-25 Sebastian Grant

團隊負責Spotify的播放按鈕近日發佈修復此問題的更新。您不需要對嵌入代碼進行任何更改。

這裏附上一些示例代碼，以及它的jsFiddle。

在例子中，是這樣的HTML：

<button id="show-play">Show Play Button</button> 
    <div id="container" style="display:none"> 
     <iframe src="https://embed.spotify.com/?uri=spotify:track:4bz7uB4edifWKJXSDxwHcs" width="300" height="380" frameborder="0" allowtransparency="true"> 
     </iframe> 
    </div>

你改變它的風格CSS屬性：

(function() { 
     var button = document.getElementById('show-play'), 
      container = document.getElementById('container'); 

     button.addEventListener(
      'click', 
      function() { 
       container.style.display = 'block'; 
      }, 
      false 
     ); 
    })();

你可以看到它在行動this jsFiddle。

聲明：我是Spotify員工。

來源

2013-10-17 09:12:31

Spotify播放按鈕在隱藏元素中的大小

回答

相關問題