Skip to content
sveltekit-embed
Audio and podcasts

Deezer

A Deezer show, album, playlist or track.

import { Deezer } from 'sveltekit-embed';
Svelte 
1<Deezer frame_src="show/496882" />

frame_src is the type of content and its ID, as they appear in the Deezer URL: show/496882, album/302127 or playlist/1479458365.

Match your theme

The player follows the visitor’s preference with theme="auto". Set light or dark to fix it.

Svelte 
1<Deezer frame_src="show/496882" theme="dark" height="200px" />

Props

PropTypeDefault
frame_src

The content type and ID, e.g. show/496882.

string''
theme

auto, light or dark.

string'auto'
height

Any CSS height.

string'300px'
width

Any CSS width.

string'100%'
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. Defaults to the height and width props with rounded corners.

string–

Something wrong on this page? Edit it on GitHub.