El problema es que un estilo se ve aplicado cuando trabajo con el iframe en local, pero al subirlo a internet el iframe no respeta ningun estilo.
el html es este
<div class="iframe-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ilUCwLLdltQ"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
el CSS es este
.iframe-container{
width: 95%;
margin: auto;
}
.iframe-container iframe{
width: 100%;
}
He estado buscando varias soluciones pero nada me ha funcionado.