Spotify iFrame在Bootstrap模式下無法正確顯示？

Question

我試圖將Spotify播放列表輸入Bootstrap模式，但不是「大」按鈕，而是「緊湊」按鈕。它顯示的是這樣的模式：

而且對於引導代碼和iframe是

<!-- Modal --> 
<div id="spotify_player" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Spotify Player</h3> 
    </div> 
    <div class="modal-body"> 
    <iframe src="https://embed.spotify.com/?uri=spotify:user:1210474735:playlist:1u4MR4ER329f64KjsRrcnA" width="445" height="525" frameborder="0" allowtransparency="true"></iframe> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

而且在iframe顯示器的src爲：

這是怎麼這應該。我需要做什麼才能讓第一張圖像有第二張播放列表/「長」按鈕？謝謝。

Answer 1

Bootstrap的隱藏類將顯示樣式設置爲none，這也隱藏了iframe。這將導致播放按鈕變得緊湊，無論iframe的寬高比如何。

Spotify播放按鈕的預期行爲並不可取，我已經提交了一個錯誤報告，以便與代碼最接近的人可以查看它。