En el siguiente ejemplo podemos ver como insertar un vídeo de youtube responsive con css de una manera sencilla u eficiente, lo que haremos es configurar el iframe o el object que utiliza youtube para insertar sus vídeos.

<style>
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
</style>
<div class="video-container">
			<iframe src="https://www.youtube.com/embed/xaR0VnckBNE" frameborder="0" allowfullscreen></iframe>
</div>
Demo
2
Puntos
1804
Visitas
0
Resp
Por alber hace 10 años
Admin
Para comentar Inicia sesión o Regístrate
Phpres 2025@ All rights reserved.
Utilizamos cookies para mejorar la navegación en el sitio. Más información Aceptar