Css 无法在my Tumblr上以列表形式显示Spotify播放按钮iframe_Css_Iframe_Tumblr_Spotify

Css 无法在my Tumblr上以列表形式显示Spotify播放按钮iframe

css iframe spotify

Css 无法在my Tumblr上以列表形式显示Spotify播放按钮iframe,css,iframe,tumblr,spotify,Css,Iframe,Tumblr,Spotify,我试图在tumblr帖子上嵌入Spotify播放按钮iframe。但“查看为列表”永远不会起作用：所以我设法用这个来隐藏马车的黑色区域： jQuery("main.css").ready(function() { jQuery("iframe.spotify_audio_player").parents('div.video-wrapper').css("padding-bottom", "11.2%"); }); 显然，问题出在iframe中的一

我试图在tumblr帖子上嵌入Spotify播放按钮iframe。但“查看为列表”永远不会起作用：

所以我设法用这个来隐藏马车的黑色区域：

    jQuery("main.css").ready(function() {
            jQuery("iframe.spotify_audio_player").parents('div.video-wrapper').css("padding-bottom", "11.2%");
    });

显然，问题出在iframe中的一个样式属性上，但我找不到它的设置位置（可能是由API本身设置的，但如果真的是这样，我将无法正确地执行任何操作）。查看Chrome开发者工具“元素”中的外观：

此参数不是内联html代码中的参数，也不是任何main.css样式表中的参数。但是，在开发工具中，当强制其宽度为post+80px=782px时，它会起作用。

要在tumblr上设置Spotify播放按钮iframe，您必须

1）打开Spotify，右键单击要嵌入的相册、曲目或播放列表

2）点击“复制嵌入代码”

3）将此代码粘贴到您的博客或网站的HTML编辑器视图中。下面的链接

4）就这样

哦，是的

要更改播放按钮的高度和宽度，只需编辑以下两个字段：宽度=“250”高度=“300” （最小宽度为250像素，最小高度为80像素）
要使“播放”按钮具有白色主题，只需在播放列表或唱片集代码后添加“&theme=white”：

spotify:user:spotify:playlist:6av1sulgwx3ofyyzqokn&theme=white“

如果希望显示封面艺术视图，请在播放列表或相册代码后添加“&view=coverart”：

spotify:user:spotify:playlist:6av1sulgwx3ofyyzqokn&theme=white&view=coverart“

希望这有帮助！：）

对不起，没有，这没用。这在发布时不起作用（我正在尝试这样做，并且没有将其直接放在HTML中）。这就是问题所在

<body data-urlencoded-name="hymced" class="regular index-page top" screen_capture_injected="true">
  <section id="page">
    <section id="posts" class="content clearfix no-image  avatar-style-hidden">
      <div data-page-id="1">
        <article class="video not-page post-95365069278" data-post-id="post_95365069278">
          <div class="post-wrapper clearfix">
            <section class="post">                        
              <figure>
                <div class="video-wrapper" style="padding-bottom: 11.2%;">

                  <iframe id="oceanicplaylist" class="spotify_audio_player" src="https://embed.spotify.com/?uri=https://play.spotify.com/user/hymced/playlist/0LGSOwdwtRaXIrFaImOKx5" frameborder="0" allowtransparency="true" view="list" style="height: 80px;"></iframe>

                  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
                  <script type="text/javascript">
                    jQuery("main.css").ready(function() {
                      jQuery("iframe.spotify_audio_player").parents('div.video-wrapper').css("padding-bottom", "11.2%");
                    });
                  </script>

                </div>    
              </figure>
            </section>
          </div>
        </article>  
      </div>
    </section>
  </section>
</body>

style="height: 80px;"

  http://cf.scdn.co/u/wp/Screen-Shot-2012-08-15-at-2.00.57-PM1.png