Wiele witryn ma osadzone filmy z YouTube. YouTube działa teraz na telefonach. Jeśli responsywny projekt ma być czymś, dlaczego nie miałoby to być rzeczą dla ramek iframe zawierających filmy z YouTube?

Po wyszukiwaniu dni (włączanie i wyłączanie) nie mogłem znaleźć jasnego i prostego rozwiązania problemu (jestem nowym użytkownikiem HTML / CSS). Łatwo jest skalować szerokość iframe, ale aby zachować względną wysokość, znalazłem fragmenty javascript, jQuery i php, które są dość ezoteryczne dla początkującego w projektowaniu stron internetowych. Chciałem prostej metody skalowania wysokości iframe, aby zawsze zachować pewien współczynnik proporcji, bez względu na zmianę szerokości.

Aby zapobiec temu, że jest to pytanie bez odpowiedzi, poniższa metoda. Oto początkowe ustawienia dla twojego iframe:

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

to jest to!

Zastanawiałem się, czy ktoś ma też inne rozwiązania.