Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Incrustar videos de youtube fluidamente

Estas en el tema de Incrustar videos de youtube fluidamente en el foro de Diseño web en Foros del Web. Me gustaría saber cómo lo puedo hacer para incrustar videos de youtube de forma fluida, es decir, que se adapten al tamaño de la pantalla. ...
  #1 (permalink)  
Antiguo 16/04/2015, 15:52
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 8 meses
Puntos: 74
Incrustar videos de youtube fluidamente

Me gustaría saber cómo lo puedo hacer para incrustar videos de youtube de forma fluida, es decir, que se adapten al tamaño de la pantalla. He probado varias cosas y ninguna me ha funcionado.
  #2 (permalink)  
Antiguo 16/04/2015, 16:02
Avatar de NueveReinas  
Fecha de Ingreso: septiembre-2013
Ubicación: No tan Buenos Aires
Mensajes: 1.101
Antigüedad: 11 años, 3 meses
Puntos: 145
Respuesta: Incrustar videos de youtube fluidamente

Yo uso este método:

Código HTML:
Ver original
  1. <div class="video" id="video">
  2. <iframe width="560" height="349" src="https://www.youtube.com/embed/XXX" frameborder="0" allowfullscreen></iframe>
  3. </div>

Código CSS:
Ver original
  1. .video {
  2.     position:relative;
  3.     padding-bottom: 56.25%; /* Mantiene el ratio 16:9 */
  4.     padding-top: 25px;
  5.     height:0;
  6.     margin-top:40px;
  7. }
  8. .video iframe {
  9.     position: absolute;
  10.     top: 0;
  11.     left: 0;
  12.     width: 100%;
  13.     height: 100%;
  14. }

__________________
¿Te sirvió la respuesta? Deja un +1
  #3 (permalink)  
Antiguo 16/04/2015, 17:43
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 8 meses
Puntos: 74
Respuesta: Incrustar videos de youtube fluidamente

perfecto, ¡me funcionó!

Etiquetas: incrustar, videos, youtube
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:07.