Quieres insertar un episodio de tu podcast en tu blog, así que no quieres complicarte la vida: copias y pegas el código que el mismísimo Spotify te ofrece en bandeja y… Eh, ¿esto que es? ¿Por qué aparece un enooorme espacio vacío después del reproductor?
Si estás utilizando Divi como tema, lo que está sucediendo es que te está encapsulando ese código dentro de un div con la clase .fluid-with-video-wrapper, paradójicamente para “mejorar su adaptabilidad”.
No desesperes, la solución es mucho más sencilla de lo que crees.
Cambia de tema Digo, simplemente revisa tu código y añade esto después de <iframe
class="fitvidsignore"Con eso, lograrás que no se agregue la puñetera clase y tu reproductor de Spotify lucirá precioso.
¿Necesitas más ayuda? Veamos. El código que te devuelve Spotify es algo parecido a esto:
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/episode/elcodigodetuepisodio?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>Tan sólo tendrás que añadir esto:
<iframe class="fitvidsignore" style="border-radius:12px" src="https://open.spotify.com/embed/episode/elcodigodetuepisodio?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>Y ya podrás disfrutar de un reproductor sin espacios vacíos alrededor:
