Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/04/2015, 16:02
Avatar de NueveReinas
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