Problema con el tamaño del video iframe en plantilla de blog

  • Autor Autor luisocp288
  • Fecha de inicio Fecha de inicio
L

luisocp288

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola chicos de foro betas, que tal su fin de semana? Ya empezaron a helar las cheves o hasta mas tarde? hahaha bueno tengo este problema:

Esta es mi pagina:
Mi pagina
Con esta plantilla, cuando hago una entrada, que yo por lo general siempre es lo mismo: Texto + Imagenes + Video (iframe) Responsive.
(Es un sitio porno, pero como nose si permite ponerlo, por eso uso el blog de ejemplo). El video iframe se me pone de fondo como lo notaran y hace que sea el máximo de largo de la entrada, y hace que el demas contenido no se vea. Ojala me puedan ayudar porque esta plantilla haciendo unos arreglos me quedaria perfecta para mi blog, gracias y que tengan buen fin de semana todos!
 
Creo que es un problema en este css:

Insertar CODE, HTML o PHP:
.video-container iframe {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Yo lo borraría y cambiaría por esto:

Insertar CODE, HTML o PHP:
iframe {
    width: 100%;
}

Por cierto es bueno que guardes una copia de la plantilla por si algo haces mal.
 
Usa este codigo https://forobeta.com/php/709372-video-gounlimited-responsive.html#post5755407

HTML:
<style>
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
</style>

<div class="box-iframe">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/eZJMzAHa-uQ" frameborder="0" allowfullscreen></iframe>
</div>
 
Quita el position: absolute;
 
Usa este codigo https://forobeta.com/php/709372-video-gounlimited-responsive.html#post5755407

HTML:
<style>
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
</style>

<div class="box-iframe">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/eZJMzAHa-uQ" frameborder="0" allowfullscreen></iframe>
</div>

Muchas gracias amigo, ya van dos veces que me respondes justamente jaja, primero me ayudaste con hacer el iframe responsive y ahora el mismo iframe pero en otra plantilla, Tu ya tienes ganado el cielo, ni te preocupes por el fin del mundo jajaja.
 
Atrás
Arriba