Margen receptivo para una relación de aspecto diferente

Seguí esta publicación Haciendo que un iframe responda para hacer que iframes responda.

# A test case 
# style.css .intrinsic-container { position: relative; /* padding-bottom: 56.25%; /* 16:9 */ padding-bottom:75%; /* 4:3 */ /* padding-bottom: 66.66%; /* 3:2 */ /* padding-top: 25px; */ height: 0; } .intrinsic-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Funciona. Mi pregunta es cómo hacer que los iframes respondan a las diferentes proporciones de aspecto de las áreas de contenido, como

  • Video de YouTube: width="560" height="315" , la proporción es 16:9
  • width="640" height="498" , la relación es 4:3