BullGuard Antivirus Sale - 60% Off with openElement !
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - Adding embedded things to your site.
  FAQ FAQ  Forum Search   Register Register  Login Login

Adding embedded things to your site.

 Post Reply Post Reply
Author
Message
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Topic: Adding embedded things to your site.
    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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 4:12pm
You need to have access to the music file first.
Back to Top
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 4:36pm
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>
Back to Top
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 5:33pm
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!
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 6:27pm
There is an error in your code, use the following: 

<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">
<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>
</iframe>

In a Code Block (Visual) element
Back to Top
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 8:28pm
Ok I used the code you provided in the same "External page / iFrame". Now I don't see anything
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Aug 20 2020 at 9:06pm
Originally posted by Hobby001 Hobby001 wrote:

There is an error in your code, use the following: 

<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">
<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>
</iframe>

In a Code Block (Visual) element
Back to Top
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Posted: Aug 21 2020 at 1:10pm
Ok, I must use the iframe

<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">
<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>
</iframe>

But the question is: how do I include this code in a page?

Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: Jun 05 2018
Location: Canada, Québec
Status: Offline
Points: 6195
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: Aug 21 2020 at 1:56pm
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
Back to Top
YayJoh View Drop Down
Newbie
Newbie


Joined: Feb 12 2020
Status: Offline
Points: 24
Post Options Post Options   Thanks (0) Thanks(0)   Quote YayJoh Quote  Post ReplyReply Direct Link To This Post Posted: Aug 21 2020 at 4:55pm
That's it! Thank you Smile
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.078 seconds.