解決Spotify嵌入程式碼中的白色背景錯誤的有效方法

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>

我正在使用NextJS 13.4。在淺色模式下沒有問題。但是當我切換到暗色模式時，歌曲後面會有白色背景，就像這樣：

Spotify嵌入程式碼的背景錯誤

我無法透過CSS解決這個錯誤。提前謝謝。

我希望歌曲容器是透明的。

Answer 1

你不應該為背景樣式，而是應該使用其中一個支援的高度，然後播放器會有自己的顏色來嵌入。

在你的情況下，執行以下操作：

1. 將高度更改為80（152和352是更大的選項）。
2. 加上frameBorder="0"以移除周圍的白線。
3. 加上style="border-radius:12px"以去除白色角落。