Adding embedded things to your site. |
Post Reply |
Author | ||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
Posted: Aug 20 2020 at 3:51pm |
|
Hello. I'm new to OpenElement and I like it so far. But now: I'm trying to add a song from SoundCloud (https://soundcloud.com/leonard_x) to my site. I found the "External page / iFrame" in the elements list already, but now I don't see how to use it yet. Can you help me? Greets, Leon
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6195 |
Post Options
Thanks(0)
|
|
You need to have access to the music file first.
|
||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
|
|
You can share it. This is the code <iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/801051340&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=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/leonard_x" title="Leonard X" target="_blank" style="color: #cccccc; text-decoration: none;">Leonard X</a> · <a href="https://soundcloud.com/leonard_x/woodchip_b6" title="Woodchip beta 6" target="_blank" style="color: #cccccc; text-decoration: none;">Woodchip beta 6</a></div>
|
||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
|
|
I know it's a big pile of code.. but it's the way Soundcloud shares. It should be possible with this code, I'm pretty sure about that. Help!
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6195 |
Post Options
Thanks(0)
|
|
There is an error in your code, use the following:
In a Code Block (Visual) element
|
||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
|
|
Ok I used the code you provided in the same "External page / iFrame". Now I don't see anything
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6195 |
Post Options
Thanks(0)
|
|
|
||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
|
|
|
||
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6195 |
Post Options
Thanks(0)
|
|
There is an element named Code Block (Visual)
Drag and drop it on the page, a code entry panel in the lower part of the page will open. Add the whole code in it and preview the page in your favourite browser
|
||
YayJoh
Newbie Joined: Feb 12 2020 Status: Offline Points: 24 |
Post Options
Thanks(0)
|
|
That's it! Thank you
|
||
Post Reply | |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |