Aquí está el problema a un alto nivel: tengo un reproductor de video Flash para video 16: 9. La altura total del reproductor es tomada por el video en sí, más algunos controles. La altura de los controles es constante independientemente de la altura del jugador en general. Entonces, lo que quiero hacer es hacer que el reproductor se amplíe con CSS para que la altura satisfaga la ecuación: y = rx + C, donde x es el ancho, r es la relación de la altura del video al ancho del video y C es la altura constante de los mandos.

He elaborado algo que funciona en Webkit, pero aparentemente nada más:

#video-container {
    height: 0px;
    padding-bottom: 56%; /* proportional scaling */
    position:relative;
    width: 100%;
}
#video-container object {
    height: 100%;
    padding-bottom: 50px; /* control height */
    position: absolute;
    width: 100%;
}

En Webkit, la película Flash se escalará verticalmente para llenar el área de relleno inferior. Sin embargo, en todos los demás navegadores, el relleno inferior es solo un espacio vacío.

¿Existe una solución solo para CSS para escalar la altura de un elemento proporcional al anchomás algún valor constante? Hay muchas preguntas sobre SO relacionadas con la escala proporcional, pero la parte constante es la parte difícil.