SoundCloud

A SoundCloud track or set.

import { SoundCloud } from 'sveltekit-embed';

Svelte

1<SoundCloud
2	soundcloud_link="https://soundcloud.com/dimension_uk/sets/prospa-want-need-love"
3/>

soundcloud_link is the full URL of a track or a set.

Compact player

Turn off the artwork for the classic waveform player, which works well at a lower height.

Svelte

1<SoundCloud
2	soundcloud_link="https://soundcloud.com/dimension_uk/sets/prospa-want-need-love"
3	show_visual={false}
4	height="166px"
5/>

Prop	Type	Default
`soundcloud_link` The full URL of the track or set.	`string`	`''`
`show_visual` Use the artwork player rather than the compact one.	`boolean`	`true`
`width` Any CSS width.	`string`	`'100%'`
`height` Any CSS height.	`string`	`'300px'`
`loading` `lazy` waits until the embed is near the viewport, `eager` loads it straight away.	`'lazy' \| 'eager'`	`'lazy'`
`iframe_styles` Inline styles for the iframe. Added after the component’s own.	`string`	–

Something wrong on this page? Edit it on GitHub.