我正在尝试将 Spotify 播放列表输入到 Bootstrap 模式中,但它不是“大”按钮,而是“紧凑”按钮。它在模态中以这种方式显示:
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>
并在显示器src
上iframe
显示为:
它应该是这样的。我需要做什么才能让第一张图像像第二张一样具有播放列表/“长”按钮?谢谢。