Auto embed from link

Need help APIs
1

Hi all,
I’m developing my app and I need a way to let user insert a link that will be auto converted in an embedd player.
Example: user X input a youtube video link and automagically the url will be converted in the video player.
Kind of embed.ly.
How could I obtain this here?

Thanks in advance!!

2

Set the value of the ID field in the video player to “input’s value :truncated from end to 11” since I believe YouTube IDs are 11 characters long and sit at the end of the link…

Gaby | Coaching Bubble

1 Like
3

Thank you!!
And regarding Soundcloud (Soundcloud.com) for example? how could I achieve the same result?

4

Add an HTML element to your page and use Soundcloud’s embed code. You can make the url part dynamic (where it says INPUT-VALUE below):

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=INPUT-VALUE&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

You can mess with the element and code dimensions.

2 Likes
5

Unfortunately this don’t work, you have to get the ID from the track via API (oembed https://developers.soundcloud.com/docs/api/reference#oembed)
but currently don’t understand how to get it in the bubble interface

6

Sorry to bump this older thread but how would one do this in a repeating group? Can you store the html for the embeds in the database? I assume so since the Youtube urls are there but since Youtube and Vimeo are already listed, I’m assuming that a lot of the coding magic has already been set up so how about for non-Youtube/Vimeo embeds?

FYI - For Soundcloud embed codes, can’t remember what it was like in 2017 but nowadays, you just have to click on share on the song and it will give you option for embed code.

Thanks in advance!

1 Like