Muitos sites incorporaram vídeos do YouTube. O YouTube funciona em telefones agora. Se o design responsivo vai ser uma coisa, por que não deveria ser uma coisa para iframes que contêm vídeos do YouTube?

Depois de pesquisar por dias (ligado e desligado), não consegui encontrar uma solução clara e simples para o problema (sou novo em HTML / CSS). É fácil dimensionar a largura do iframe, mas, para manter a altura relativa, achei pedaços de javascript, jQuery e php, todos bastante esotéricos para um iniciante em web design. Eu queria um método simples de dimensionar a altura de um iframe para manter sempre uma certa proporção, independentemente de como a largura fosse alterada.

Para evitar que isso seja uma pergunta sem resposta, o método está abaixo. Aqui estão as configurações iniciais do seu iframe:

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

É isso aí.

Fiquei me perguntando se alguém tinha outras soluções também.