Jump to content

Featured Replies

Posted

Our forum is very embed heavy. Back in the days of IPS4, a previous iteration of our site was able to simply copy the link to a track on Soundcloud or Bandcamp and a slim player would auto-populate without the multiple clicks needed now to embed in IPS5. How can we get this back? I would like our members to be able to simply copy and paste a link, hit post, and the players show up without taking up half the screen.

Another issue is that, using the Embed links on these sites, you have to cut out the main link from the HTML bits, then click on the Link button the toolbar of this comment editor, then click the world button, then it 'might' generate the embedded player which 'might' be able to be resized. How can we use the full HTML embed in a post?

Here is what happens when I copy a link to Soundcloud straight from the address bar (as opposed to using the Share button and generating and Embed link):

This is a GIANT player and cannot be resized. Not good for us, unfortunately.

Here is what happens when we instead click Share, then Embed, then copy the HTML to the player, then copy the actual hyperlink in the HTML, then click on the Link button on the comment editor toolbar, then click on the 'world' button:

Embed HTML Code

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/231252819&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;"><a href="https://soundcloud.com/user18081971" title="user18081971" target="_blank" style="color: #cccccc; text-decoration: none;">user18081971</a> · <a href="https://soundcloud.com/user18081971/th1-evnslower" title="Th1 [evnslower]" target="_blank" style="color: #cccccc; text-decoration: none;">Th1 [evnslower]</a></div>

Oops, I guess we can't embed these links in here, they're not allowed or whitelisted? Anyhow. I'm hoping someone understands what I'm getting at. See here:

https://forum.keyosc.com/topic/14-forum-issues/page/10/#comment-5077

  • Author

I have this setting as 300 down from 800 but it doesn't seem to affect the size of the embed that is automatically created when you copy the link from the address bar:

image.png

  • Community Expert

That would be the embed which SoundCloud provides. What were you doing prior that you would get a smaller one, is that the HTML you provided?

2 hours ago, Kyle_H said:

I have this setting as 300 down from 800 but it doesn't seem to affect the size of the embed that is automatically created when you copy the link from the address bar:

image.png

Is this not resizing for new embeds?

  • Author
3 hours ago, Jim M said:

That would be the embed which SoundCloud provides. What were you doing prior that you would get a smaller one, is that the HTML you provided?

Is this not resizing for new embeds?

nope when I paste the link from the address bar from SoundCloud it's still a very large embed. The only way for us to get a small embed is to get the link that is generated in the HTML from the share/embed button on SoundCloud's website.

  • Author
9 hours ago, Jim M said:

That would be the embed which SoundCloud provides. What were you doing prior that you would get a smaller one, is that the HTML you provided?

Is this not resizing for new embeds?

See the last post in this thread https://forum.keyosc.com/topic/14-forum-issues/page/10/#comment-5237 Can't make the box smaller than 150 pixels.

  • 2 weeks later...
  • Author

@Marc @Jim M

Sorry to tag you guys, but I wanted to draw your attention to a thread on my forum re: this topic. Specifically about embed heights. It looks like the minimum baked-in to IPS is 150px. Many of the music-related sites that offer embeds use a 'slim' player that is much smaller than 150px, leaving an unsightly white bar of empty space below the embed. Can this be something we can change? Or set to basically as small as we want? This is honestly like one of the final pieces to the puzzle of solving our most asked-about forum issues.

https://forum.keyosc.com/topic/14-forum-issues/page/11/#findComment-9459

Thank you team!

  • Community Expert

The embedded item there doesnt appear to be one of our baked in oembed endpoints. Are you manually adding an iframe for that perhaps?

  • Author

Nope, not manual. Just using the embed link from the external page and using the embed button. Can't resize down below 150px. If we remove the iframe capability will this allow the embeds to work better or at least differently?

10 hours ago, Marc said:

The embedded item there doesnt appear to be one of our baked in oembed endpoints. Are you manually adding an iframe for that perhaps?

  • Author

In any case, can you guys allow the size to go below 150? Or is there a way to change this on my end?

image.png

  • Author

This is the raw embed iframe HTML that is generated by bandcamp:

<iframe style="border: 0; width: 100%; height: 120px;" src="https://bandcamp.com/EmbeddedPlayer/album=850335233/size=large/bgcol=333333/linkcol=0f91ff/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://tresorberlin.bandcamp.com/album/harnessed-the-storm">Harnessed The Storm by Drexciya</a></iframe>

Edited by Kyle_H

  • Community Expert

Please could you give me the original URL you are adding to the site?

  • Community Expert

This is not an item which would auto embed when the link is added to the editor.

Recently Browsing 0

  • No registered users viewing this page.