Spotify Embed 코드에서 흰색 배경 오류를 수정하는 효과적인 방법

Question

<iframe src="https://open.spotify.com/embed/track/6wsqVwoiVH2kde4k4KKAFU?utm_source=generator" width="500" height= "100" 허용="자동 재생; 클립보드 쓰기; 암호화된 미디어; 전체 화면; 사진 속 사진" loading="게으른"></iframe>

저는 NextJS 13.4를 사용하고 있습니다. 라이트 모드에서는 문제가 없습니다. 그런데 다크 모드로 전환하면 노래 뒤에 다음과 같이 흰색 배경이 나타납니다.

Spotify 삽입 코드의 배경 오류

CSS를 통해 이 오류를 해결할 수 없습니다. 미리 감사드립니다.

노래 컨테이너를 투명하게 만들고 싶습니다.

Answer 1

배경 스타일을 지정하지 말고 지원되는 높이 중 하나를 사용해야 합니다. 그러면 플레이어에 고유한 색상이 포함됩니다.

귀하의 경우에는 다음을 수행하세요.

1. 높이를 80으로 변경합니다(152와 352가 더 큰 옵션임).
2. 주변의 흰색 선을 제거하려면 frameBorder="0"을 추가하세요.
3. 흰색 모서리를 제거하려면 style="border-radius:12px"를 추가하세요.