Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como insertar un vídeo de youtube responsive con css

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
0
Resp
561
Visitas
Por alber hace 30 meses
Administrador offline

Relaccionados

Para comentar Inicia sesión o Registrate