Soundcloud Embed Playlist
-
Hello,
I’ve got a problem with Soundcloud now for a few days. I use WordPress as a self-hosted site.
Usually I have two ways to embed a playlist from Soundcloud.
1) Do it manually and paste the iframe-code or the shortcode in the article2) The theme I use has a special feature to embed Soundcloud and use the playlist/track instead of the featured image (positionwise)
Since a few days now both options stopped working. If I use option 1, the playlist will show up but is huuuge as hell (even if I fix it to a certain height9. If I use option 2, the playlist won’t even show up.
I already contacted the support of my theme but it seems like it’s a problem between WordPress and Soundcloud. Can you help me with a solution?
-
Hi @one_gt,
I’ve started to look into this for you. Please could you confirm a URL for one of the posts experiencing the issue? I’ve had a look at your site but the have only seen posts using bandcamp which all look correctly sized on my mobile version of Safari.
Thanks for the fast answer @krisjl. The following post should contain an embed playlist: http://www.goodtunes.de/2017/04/soundcloud-surfer-15/
Link to playlist: https://soundcloud.com/goodtunesde/sets/soundcloud-surfer-15
And this is how it is embed via a theme plugin: http://i68.tinypic.com/2qbrdj8.jpg
If you need to see I can also embed it manually.
No problem at all. I can only see a tracklist pulled through on that post (which looks to be the correct size).
Is this what you see when you view the site?
-
This reply was modified 9 years, 1 month ago by
krisjl.
And this is absolutely correct. But at the top of the post should be a Soundcloud playlist (not a tracklist) embed. Which you cannot see right now because it is not working.
I understand now! Thank you, apologies for the misunderstanding. Could you possibly share the i frame code for the playlist?
Interestingly I just tried to add the sound cloud icon to your code and it adds a huge space underneath so I wonder if there is something in the CSS that is conflicting.
-
This reply was modified 9 years, 1 month ago by
krisjl. Reason: Text edit
Exactly! If you embed the playlist manually the playlist shows up really huge. Even if the height is fixed as you can see below.
Here is the iframe-code: <iframe width=”100%” height=”450″ scrolling=”no” frameborder=”no” src=”https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/304922362&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true”></iframe>
I also tried: “visual=false”.
And obviously I tried the shortcode but it does not work either. Another hint could be the “Follow GoodTunes”-Features because Soundcloud is the only service not showing the followers connected to the account.Thank you, that’s perfect.
I edited the iframe code as there was some funny ” (may just be how it was copied). I then changed the height to 20 from 450 and get the following:
You mentioned in your original message that this option wasn’t working, could you try editing the ” around the iframe and attempting to change the height again?
-
This reply was modified 9 years, 1 month ago by
krisjl.
This seems to work (even with the shortcode) but the height can’t be correct. If you look at the article now (http://www.goodtunes.de/2017/04/soundcloud-surfer-15/) – the height I defined is “75”. Usually it Looks like that when the height is defined as 450.
Which funny > ” < were you talking about?
Ignore me re: funny qoutation marks, it was from copying from the post on the forum into Sublime Text. My bad!
Ok, so I’ve been inspecting the elements of the embed on the live URL. I think the troublesome class is as follows
fluid-width-video-wrapper element.style { padding-top: 75%; }I was playing with the size of the player and when I used the 450px height the fluid-width-video-wrapper had a top padding of 450%, causing a HUGE box to appear round the player. This is likely why you got a similar result from 75px and what it looked like pre-issue as 450px.
I can’t see where this is from, the player or your theme. May be one to speak to the theme owners about.
As an aside looking at the SoundCloud forums there is possibly an issue with the visual=true so it may be worth using the visual=false as you have been doing.
Im also having huge problems. Hardly any of my playlists embed into my self hosted blog. I have contacted WordPress and Soundcloud several times, but all they say is its a known issue and they are looking into it. It’s very frustrating because my playlists are the main component of my blog. There are at least 12 that wont embed but here are a couple if anyone can take a look and/or offer any solutions. I have little knowledge of this discussion of i-code and shortcuts so if your possible solution includes that please explain it very simply to me! Thanks very much
https://soundcloud.com/rutabaga/sets/soul
https://soundcloud.com/rutabaga/sets/downtempo
https://soundcloud.com/rutabaga/sets/classical
https://soundcloud.com/rutabaga/sets/folk-folkrock-singer-songwriterStrangely I just tried the folk one again. It didn’t embed as usual, but I left the page open. I opened it half an hour later and it had embedded! First time ever for that one. Maybe because they’re 400+ tracks it takes a long time to embed. Im going to try the others now.
Wow, I guess the Embedly widget finally started doing what it’s supposed to! Moments after I wrote the above note, all of my playlists starting embedding. SOOOO HAPPY!!
Hi @hoatie,
Great news! Glad to hear everything is back to normal.
-
This reply was modified 9 years, 1 month ago by
The topic ‘Soundcloud Embed Playlist’ is closed to new replies.

