Problema com o tamanho do vídeo iframe em modelo de blog

  • Autor Autor luisocp288
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
L

luisocp288

Beta
Usuário com poucas negociações! Use sempre o saldo do 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!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Creo que es un problema en este css:

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

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

Inserir CODE, HTML ou 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.
 
Voltar
Topo