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
Puntos
1831
Visitas
Visitas
0
Resp
Resp
Por alber hace 104 meses
Administrador