Skip Navigation

[Resolved] embed field with soundcloud and iframe question

This support ticket is created 3 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by ScottM9386 3 years, 10 months ago.

Assisted by: Waqar.

Author
Posts
#1927309

Hello,

Unfortunately using the embed field with soundcloud is unsatisfactory. It inserts the "square" player. Of course dimensions can be changed but it's not a great solution...at all. What I want is the long narrow player with the profile picture on the left which also allows fast forwarding through the track (the other one doesn't allow fast forwarding).
I know this can be embedded but for my clients I don't want to do this, too complicated and I'm not sure I'm comfortable allowing unfiltered HTML. So, my questions:
Is there a way to get the player I want with the embed field? (I'm not hopeful)
As an alternative I can do the below in a view, and it works. Can you foresee any issue with this method down the road? It gets me the player I want and the client only needs to provide the URL.
I replaced
https%3A//api.soundcloud.com/tracks/976119934
with
[types field='sound-cloud-url' output='raw'][/types]
and later, the URL of the track with
[types field='sound-cloud-url' output='raw'][/types]

It works, but can you see any problems with doing it this way? Thanks!

<iframe width="100%" height="100" scrolling="no" frameborder="no" allow="autoplay" src="hidden link field='sound-cloud-url' output='raw'][/types]&color=%23ff5500&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;"></div>

#1927371

Hi,

Thank you for contacting us and I'd be happy to assist.

Toolset Type's embed field uses WordPress' default embed feature, which doesn't seem to offer an option to change the player type.
( ref: https://wordpress.org/support/article/soundcloud-embed/ )

I've tested your approach of manually generating the customized embed code and using Type's field shortcode to make the source element dynamic and it works. This sounds like a good alternative and I don't see any problem with this, unless, SoundCloud changes something at its end.

regards,
Waqar

#1928291

Thanks Waqar!
Yeah...."unless, SoundCloud changes something at its end."