Spotify Embed Code Not Working Properly?

  • Unknown's avatar
    brotuulaan · Member ·

    I ran into several issues when I tried to embed a spotify playlist just a little while ago. I discovered that the dimension options in the Text Editor (I often wish it was “proper” html…) do not translate properly if you use certain dimensions, possibly depending on your playlist size.

    On my page (http://learnitandshareit.wordpress.com/worship-set-playlist/), there are 4 examples of the embedding issues. The first three playlists are actually the same playlist with various modifications to the dimensions. The fourth is a different playlist with the default settings. You’ll notice that there is a lot of empty space below the final song on the fourth one, which is what I wanted to eliminate. The problems are as follows:

    @ width=300 (default) and height=288, the player is w=300 but only the title block, minus the option to play individual songs.

    @ width=300 and height=289, the player’s width shrinks and the height leaves blank space below the final song — the very thing I wanted to eliminate.

    @ width=400 and height=288, the player jumps to wider than the default size, but there is still no option to play certain songs.

    @ width=300 and height=380, there is way too much blank space, making it look ugly.

    Why are the dimensions acting up? I may end up moving to a different method of sharing these playlists, but I would really love to use Spotify if I can. These issues are making it such that I don’t want to at this time.

    Spotify has a blog (on WordPress, even!) detailing the embedding process, but they do not mention any of these issues with dimensions (http://news.spotify.com/us/2012/08/17/how-to-embed-a-spotify-play-button-on-your-blog-forum-or-website/).

    Here is the exact code for the 4 playlists as I have put it into my page:

    [spotify id="spotify:user:1246579175:playlist:7wxFRGxlLV8NAwMxAhSn9H" width="300" height="288" /]
    [spotify id="spotify:user:1246579175:playlist:7wxFRGxlLV8NAwMxAhSn9H" width="300" height="289" /]
    [spotify id="spotify:user:1246579175:playlist:7wxFRGxlLV8NAwMxAhSn9H" width="400" height="288" /]
    [spotify id="spotify:user:1246579175:playlist:5sEAiWi32Po7sfA4ThHCZr" width="300" height="380" /]

    The blog I need help with is: (visible only to logged in users)

  • The topic ‘Spotify Embed Code Not Working Properly?’ is closed to new replies.