topic Re: Weird size of Embed in Spotify for Developers

Weird size of Embed

chicoworry — Fri, 02 Sep 2022 15:29:18 GMT

Hi there,

I was just following the documentation guide for creating a Embed (iFrame API) in my web app. All works as expected. The only issue comes with the box size of the iFrame, that looks like is bigger than the actual size of it's content.

screenshot showcasing the iframe's computed size and margin

The issue persist even when changing the width and height properties of the options parameter for IFrameAPI.createController(). Using CSS for customizing the iframe element doesn't work either.

Any help for sorting this out will be great.

Thanks in advance.

Re: Weird size of Embed

crushercc — Fri, 11 Nov 2022 16:27:45 GMT

Hi, i am testing the Spotify iFrame API on a website, can i ask how you got on in installing and running it since your post above?

Re: Weird size of Embed

threadaf — Wed, 26 Apr 2023 04:14:04 GMT

Any luck @chicoworry? I have this exact same issue of the embed not filling the full height of its own element. In my case, I'd like the Spotify card to extend into the blue space in your screenshot.

Re: Weird size of Embed

kyrarmstrong — Sun, 11 Jun 2023 08:35:50 GMT

its deff broken. i just wrap the <iframe> in another <div> and set the parent div to a height that i actually want (prob about 10px more than the height that i want) where the iframe has a height=100% then use overflow: hidden on the parent <div>
it's a workaround that works for me.

Re: Weird size of Embed

sovetski — Mon, 02 Mar 2026 15:44:17 GMT

Same problem here..