Css - Redimensionar video de Youtube - Iframe altura 100%

Códigos Css

El ejemplo muestra como podemos redimensionar un video (iframe) de forma responsiva. Al redimensionar la ventana o pagina web, el vídeo modificara su tamaño de forma proporcional.

Tutores.org

Inicio > Css

Visitas: 6,109 - 19-07-2014 14:09:15

CODIGO

/* Codigo ofrecido por Tutores.org */

<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="videoWrapper">
<iframe width="560" height="349" src="http://www.youtube.com/embed/fAFGFs1yRkI?rel=0&hd=1" frameborder="0" allowfullscreen></iframe>
</div>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Redimensionar video de Youtube - Iframe altura 100% " href="http://www.tutores.org/codigo/1879/" target="_blank">Redimensionar video de Youtube - Iframe altura 100% </a>

COMENTARIOS

Aun no existe ningun comentario para este Codigo.

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.