How to use oembed for Soundcloud

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pioneer Web Design

    (@swansonphotos)

    8 years, 6 months ago

    I would not define the width or height of the embed, but rather wrap the embed in a container:

    HTML:

    
<div class="jkl">
[embed]https://yoursite.com/yourfile/[/embed]
</div>

    CSS:

    
.jkl iframe {
max-width:750px;
width:100%;
height:160px;
}

    The SoundCloud widget loads an iframe.

    Above is a very basic example of a method to fit the embed in a container.

    Additional CSS can be added for positioning the div on the page, including varied screen widths.

    Tip: The embed is fit into it’s container. Defining the container size seems to resolve this.

    There are also several console errors on your site directly related to this content. Such errors can cause site issues that are difficult to pinpoint. Please also ask SoundCloud about this.

    Thread Starter tekstraket

    (@tekstraket)

    8 years, 6 months ago

    Thank you, I’m gonna try.

    Maybe working with a Soundcloud plugin is a work-around for both the iframe as the errors?

    Where did you discover these errors?

    Pioneer Web Design

    (@swansonphotos)

    8 years, 6 months ago

    Here

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to use oembed for Soundcloud’ is closed to new replies.