Effektive Möglichkeiten zur Behebung des weißen Hintergrundfehlers im Spotify-Einbettungscode

Question

<iframe src="https://open.spotify.com/embed/track/6wsqVwoiVH2kde4k4KKAFU?utm_source=generator" width="500" height= "100" Allow="Autoplay; Clipboard-Write; Encrypted-Media; Fullscreen; Picture-in-Picture" Loading="lazy"></iframe>

Ich verwende NextJS 13.4. Im Lichtmodus kein Problem. Aber wenn ich in den Dunkelmodus wechsle, ist hinter dem Song ein weißer Hintergrund, etwa so:

Hintergrundfehler im Spotify-Einbettungscode

Ich kann diesen Fehler nicht über CSS beheben. Vielen Dank im Voraus.

Ich möchte, dass der Song-Container transparent ist.

Answer 1

你不应该为背景样式，而是应该使用其中一个支持的高度，然后播放器会有自己的颜色来嵌入。

在你的情况下，执行以下操作：

1. 将高度更改为80（152和352是更大的选项）。
2. 添加frameBorder="0"以去除周围的白线。
3. 添加style="border-radius:12px"以去除白色角落。