Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/05/2014, 10:12
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 3 meses
Puntos: 4
Respuesta: Diseñoadaptable con videos de youtube

Gracias Zeromm por tu respuesta. Te equivocas si piensas que no busco antes de preguntar, pero cuando dominas un tema es más fácil buscar por los términos correctos y, en consecuencia, encontrar lo que buscas. La verdad es que buscando como dices, he encontrado la solución.
La pongo aquí por si a alguien le interesa:

Código HTML:
Ver original
  1. <section id="contenedor">
  2.     <div class="videoResponsive">
  3.     <iframe src="http://www.youtube.com/embed/7MlHOTh_m00"></iframe>
  4.     </div>

Código CSS:
Ver original
  1. #contenedor{
  2.     max-width:800px;/* Recuerden aplicar el ancho máximo del contenedor*/
  3.     margin:0 auto;
  4. }
  5. .videoResponsive{
  6.     margin:0 auto;
  7.     height:0px;
  8.     width:100%; /*tomará el tamaño al 100% del #contenedor*/
  9.     padding-top:56.25%; /*nos ayudara a la proporción del video*/
  10.     position:relative;
  11. }
  12. .videoResponsive iframe{
  13.     position:absolute;
  14.     height:100%;
  15.     width:100%;
  16.     top:0px;
  17.     left:0px;
  18. }
__________________
Qué fácil cuando lo sabes y qué difícil cuando no