Streaming live at 10am (PST)

Adding the Soundcloud classic (smaller) player to posts


#1

I'm trying to add Soundcloud tracks to my blog posts by posting my Soundcloud track url into the rich content embed inside a rich text field.

It works fine except Webflow displays the huge 400px x 400px centered player in the posts - which looks totally weird. Since I'm sticking these in blog posts in between paragraphs, I really just want the classic player that's only 166px high, but there seems to be no way to control this. As seen here: http://braintraffic.webflow.io/blog/content-battle-of-the-year

I even tried making a separate Soundcloud collection of tracks and creating a reference field in my blog posts so that I could use the dynamic embed to pull in the tracks to different posts. But there's no way that I can tell to get that to work.

What I'd really love is the ability to add the embed code itself into posts, not just the URL so that we have some control over the look of the player. So rather than inserting this:

https://soundcloud.com/brain-traffic/joe-pulizzi-kristina-halvorson

We can embed this:

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/258861544&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>

Any way to do this?

This also makes me wonder (and I'm sure this has been asked a million times), why is there no embed field type available in collections?


#2

It's been a popular request yes :slightly_smiling:

There is, for a few weeks now. But I agree you have to know it's there, because it's discreet.

Use this:

So you get thit:

Then you add your dynamic list, or go to your Template page, add a custom code widget, and bind it like this:


How to embed a Soundcloud playlist in a CMS item (or make any other embed dynamic)
#3

Ah! Thanks Vincent! I had just assumed that a plain text field wouldn't parse embedded code or markup since that's what I'm used to on the other CMS I use. Thanks so much, this is a huge help not just for this but other things as well.


#4

That doesn't really solve my problem. I have a similar scenario. I am trying to place different tracks in each blog post, however, if I utilize the dynamic embed for a track, the soundcloud embed (whether it has the track or not) shows up in all my blog posts. Some of my blog posts don't have soundcloud tracks, some do but in different locations. I want to embed the small player, or even better, - a custom player - directly into the blog post, how do I go about doing that?


#5

Does anyone have a solution to this?


#6

USe the conditional visibility setting in the embed settings panel


#7

This topic was automatically closed after 60 days. New replies are no longer allowed.