Basic Soundcloud Embed code not working

I'm using the basic Soundcloud Embed code from Soundcloud on my free account with them.  I'm going to Share > Embed > copy and pasting that embed code in to the SqS Soundcloud block embed section (</>).  It adds it and creates the playlist, but everything is grayed out and unclickable.  I am not modifying the embed code at all.

If I use just the Share link from Soundcloud and paste that in to the SqS Soundcloud block, it allows me to play the playlist.  

SqS customer support is less than helpful, as they think it's a custom code issue. But it's a feature they promote and is in their help pages!
Any reason why this is not playing when added?

Would you mind to share your current page url so we can have a look at what going on?

I'm actually having the same issue ... can anyone help? This is my music page: 

https://www.elizahopekenyon.com/music

I've embedded the code but it's not playing on SQSP.

I have found that to be the case with other sites as well, Bandcamp player embed code will not play, I had to upload the mp files to my site. YouTube embed code will not work but simple URL will. 

https://myrandomviews.com/stories/2015/5/9/couch-cushion-fort-musical-interlude

19 minutes ago, ElizaHK said:

I'm actually having the same issue ... can anyone help? This is my music page: 

https://www.elizahopekenyon.com/music

I've embedded the code but it's not playing on SQSP.

 

I can see it played here

It's so random ... it's now playing on the Music page but not the homepage ... 

https://www.elizahopekenyon.com

I have no idea why or why not ... 

Well, it seems either SS or Bandcamp has made a liar out of me today. I just embedded the full album on my site using the share/embed code in a code block not an embed block and it worked just fine. The embed block worked with the email  url but the player had too much empty space in it. 

2 hours ago, ElizaHK said:

It's so random ... it's now playing on the Music page but not the homepage ... 

https://www.elizahopekenyon.com

I have no idea why or why not ... 

I saw this div blocked the iframe from being clicked

Would you mind to send me the snippet they gave you?

Sensei did you resolve it?

This is what I got from Sound Cloud: 

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/832779529&color=%23a27134&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/elizasong" title="Eliza Hope Kenyon" target="_blank" style="color: #cccccc; text-decoration: none;">Eliza Hope Kenyon</a> · <a href="https://soundcloud.com/elizasong/saraswati" title="Saraswati" target="_blank" style="color: #cccccc; text-decoration: none;">Saraswati</a></div>

9 hours ago, ElizaHK said:

This is what I got from Sound Cloud: 

 

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/832779529&color=%23a27134&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/elizasong" title="Eliza Hope Kenyon" target="_blank" style="color: #cccccc; text-decoration: none;">Eliza Hope Kenyon</a> · <a href="https://soundcloud.com/elizasong/saraswati" title="Saraswati" target="_blank" style="color: #cccccc; text-decoration: none;">Saraswati</a></div>

There is some thing odd with the sqs-sound-block style, so feel free to have this fix, adding using Settings->Custom Css

.sqs-block-soundcloud .sqs-intrinsic {
  padding: 0 !important;
}
.sqs-block-soundcloud .sqs-intrinsic iframe {
  position: static !important;
}
.sqs-block-soundcloud .sqs-intrinsic .sqs-intrinsic-content {
  position: static !important;
}

Thank you @bangank36 that's resolved that issue! I'm so grateful! THANK YOU! 

Hi Sensei, you can used my solution above to fix the issue 

On 7/21/2020 at 7:54 PM, derricksrandomviews said:

Well, it seems either SS or Bandcamp has made a liar out of me today. I just embedded the full album on my site using the share/embed code in a code block not an embed block and it worked just fine. The embed block worked with the email  url but the player had too much empty space in it. 

Would you mind to check my fix above or post your url of the site you are working?

https://myrandomviews.com/stories/2015/5/9/couch-cushion-fort-musical-interlude is the page I was working on with bandcamp. I don't have spotify embedded just a link to a page. 

On 7/23/2020 at 9:58 AM, bangank36 said:

Hi Sensei, you can used my solution above to fix the issue 

Hi, Bangok36 - I injected this custom CSS, and now it turned a playlist code into one song. It plays now, which is half the fix, but doesn't show the entire 3 song set.  Thanks!

27 minutes ago, SourceSong said:

Hi, Bangok36 - I injected this custom CSS, and now it turned a playlist code into one song. It plays now, which is half the fix, but doesn't show the entire 3 song set.  Thanks!

What is your current implementation url?

I am experiencing the same issue where my playlist now plays back, but is reduced to one song.  Is there a fix you can recommend?  Thanks!

8 hours ago, Bobinson said:

I am experiencing the same issue where my playlist now plays back, but is reduced to one song.  Is there a fix you can recommend?  Thanks!

Please share your current site

hi bangank36, I'm having the exact same issue.  I've just launched a new website, and I'm using the Soundcloud Embed code to add songs to my site, via Share > Embed > copy and paste in to the SqS Soundcloud block embed section (</>).

I've done that for 3 songs, but they will not play: https://www.joecirello.com/music

I see you provided code above to help fix this, but I don't understand where it needs to go:

Can you help me understand how to apply this fix?  Where do I find "Settings->Custom Css"?

Also, when looking on mobile, these SoundCloud blocks are the wrong size - is there a way to fix that too?  Thank you in advance!

On 11/16/2020 at 6:31 AM, OhSoJoe said:

hi bangank36, I'm having the exact same issue.  I've just launched a new website, and I'm using the Soundcloud Embed code to add songs to my site, via Share > Embed > copy and paste in to the SqS Soundcloud block embed section (</>).

I've done that for 3 songs, but they will not play: https://www.joecirello.com/music

I see you provided code above to help fix this, but I don't understand where it needs to go:

Can you help me understand how to apply this fix?  Where do I find "Settings->Custom Css"?

Also, when looking on mobile, these SoundCloud blocks are the wrong size - is there a way to fix that too?  Thank you in advance!

Please follow this instruction to find the Custom css and check if the code helps

http://beyondspace.tk/2020/11/01/squarespace-101-how-to-inject-custom-code/#custom-css

bangank36, I'm having the same issue as well. I pasted the code in, but it only seems to have resized the soundcloud block. Here is my website: https://www.kevinlong.me/

Thank you!

4 hours ago, zillaxillacilla said:

bangank36, I'm having the same issue as well. I pasted the code in, but it only seems to have resized the soundcloud block. Here is my website: https://www.kevinlong.me/

 

Thank you!

where can I see the soundcloud blocks

13 hours ago, bangank36 said:

where can I see the soundcloud blocks

Just on the home page, if you scroll down, in the middle of the page!

After using the CSS from bangank36 (thanks), my album played but only showed 1 song out of 9. Frustrated, I put the SoundCloud embed code into a Squarespace "Code Block". It worked perfectly!!! Only had to adjust the "height" to expand the frame to fit the list of songs.

bangank36, are you suggesting the code be injected in the Settings at the page level or at the site level?

I, too, am having the issue that when I embed a full album playlist player on a website using the </> feature instead of just the playlist URL, the playlist appears on the web page as an un-clickable image.

Unfortunately, I can't share the URL here as it is a password-protected page on an artist's website mean to share music that is not available to the public yet.  But I am following to see if folks find a solution to this problem, as the playlist that appears when using the URL is not as aesthetically pleasing as the one that appears using the </> feature.