Spotify Embeds

• 

  afterthoughtradio · Member · May 7, 2017 at 5:08 am

  • Copy link
  • Add topic to favorites

  When I embed Spotify codes and switch my post to ‘visual’ view the embeds appear as the music players as they should. But when shared onto my site, they just appear as text – I’m not sure how to solve this and it’s really frustrating.

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

• 

  justjennifer · Member · May 7, 2017 at 7:22 am

  • Copy link

  Hi there, in order to embed a Spotify playlist here on WordPressdotcom site, follow this guide: https://en.support.wordpress.com/audio/spotify/

  Looking at your site just now I see several playlists. Is there a specific post or page where you only see the URL?

• 

  afterthoughtradio · Member · May 7, 2017 at 7:50 am

  • Copy link

  hi – I’ve followed it all and tried to troubleshoot. All other mediums work fine, it’s just spotify. And my old posts with spotify links are working, just not recent ones.

  Here’s an example: https://afterthoughtradio.wordpress.com/2017/04/24/2442017-playlist/

  When I paste the code it comes with <iframe> stuff, but now its started to automatically change to just what’s on the inside (just the http). This also means I can’t change the size. If I’m lucky I can get it to revert back, but it’s fidgety and now it won’t even appear.

  The funny thing was that the links started embedding properly in the post editor, but not in the preview of when it’s actually published.

  Here’s an example of what I’m using:

  <iframe src=”https://open.spotify.com/embed?uri=spotify:track:4DJ7CpwU1DHAxXHPG3fAZl” width=”300″ height=”80″ frameborder=”0″ allowtransparency=”true”></iframe>

• 

  justjennifer · Member · May 7, 2017 at 8:42 am

  • Copy link

  Hi again, iframes aren’t allowed on WordPressdotcom as they are restricted code. See here: https://en.support.wordpress.com/code/

  The two embed options mentioned in the support guide I linked to earlier are:

  https://en.support.wordpress.com/audio/spotify/#embedding-with-a-url

  https://en.support.wordpress.com/audio/spotify/#embedding-with-a-shortcode

• 

  afterthoughtradio · Member · May 7, 2017 at 9:44 am

  • Copy link

  Ok so directly linking from the spotify ‘copy to clipboard’ button works, but then I can’t change the size – is there any work around?

• 

  justjennifer · Member · May 7, 2017 at 11:03 am

  • Copy link

  Try adding the size parameters to the shortcode method. If it doesn’t work I don’t have any other suggestion.

• 

  afterthoughtradio · Member · May 8, 2017 at 12:43 am

  • Copy link

  Can you elaborate on what size parameters are, how I can implement them? Thanks

• 

  justjennifer · Member · May 8, 2017 at 4:23 am

  • Copy link

  Hello again, the size parameters are given in the iframe code you mentioned above width=”300″ height=”80″ You would need to add that inside the shortcode brackets but after the URL. Again I am not certain that adding them will work. Normally shortcodes use the full width of the content area of your theme.

  In all cases make sure that the URL is not a link (ie highlighted in blue) otherwise the embed itself won’t work.

• 

  deejpark · Member · May 23, 2017 at 1:58 pm

  • Copy link

  Is there a way to embed Apple Music? I’ve tried using the embed code they offer (it’s in an iFrame) and just pasting the URL in the visual composer but neither seems to work.

  Here’s an example of the player on another site: http://www.thefader.com/2017/05/23/stream-asap-mob-raf-asap-rocky-playboi-carti-quavo-lil-uzi-vert-and-frank-ocean