Moyens efficaces pour corriger l'erreur de fond blanc dans le code intégré Spotify

Question

<iframe src="https://open.spotify.com/embed/track/6wsqVwoiVH2kde4k4KKAFU?utm_source=generator" width="500" height= "100"allow="lecture automatique ; écriture dans le presse-papiers ; support crypté ; plein écran ; image dans l'image" chargement="lazy"></iframe>

J'utilise NextJS 13.4. Aucun problème en mode lumière. Mais lorsque je passe en mode sombre, il y a un fond blanc derrière la chanson, comme ceci :

Erreur d'arrière-plan dans le code d'intégration Spotify

Je ne parviens pas à résoudre cette erreur via CSS. Merci d'avance.

Je souhaite que le conteneur de chansons soit transparent.

Answer 1

Vous ne devez pas styliser l'arrière-plan, vous devez plutôt utiliser l'une des hauteurs prises en charge et le lecteur aura alors sa propre couleur à intégrer.

Dans votre cas, procédez comme suit :

1. Changez la hauteur à 80 (152 et 352 sont des options plus grandes).
2. Ajoutez frameBorder="0" pour supprimer les lignes blanches environnantes.
3. Ajoutez style="border-radius:12px" pour supprimer les coins blancs.