Una gran cantidad de sitios han incrustado videos de Youtube. Youtube funciona en los teléfonos ahora. Si el diseño responsivo va a ser una cosa, ¿por qué no debería ser una cosa para iframes que contienen videos de Youtube?

Después de buscar por días (encendido y apagado) no pude encontrar una solución clara y simple al problema (soy nuevo en HTML / CSS). Es fácil escalar el ancho de iframe, pero para mantener la altura relativa encontré trozos de javascript, jQuery y php, todos bastante esotéricos para un principiante en diseño web. Quería un método simple de escalar la altura de un iframe para mantener siempre una cierta relación de aspecto, sin importar cómo cambie el ancho.

Para evitar que esto sea una pregunta sin respuesta, el método a continuación. Aquí están los ajustes iniciales para su iframe:

<iframe src="//www.youtube.com/embed/example_url" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Eso es.

Me preguntaba si alguien también tenía alguna otra solución.