Масштабирование фреймов для адаптивного дизайна только для CSS

На многих сайтах есть видео с YouTube. Youtube теперь работает на телефонах. Если адаптивный дизайн станет чем-то особенным, почему он не должен быть подходящим для фреймов, содержащих видео с Youtube?

После поиска в течение нескольких дней (вкл. И выкл.) Я не смог найти ясного, простого решения проблемы (я новичок в HTML / CSS). Легко масштабировать ширину iframe, но чтобы сохранить относительную высоту, я нашел фрагменты javascript, jQuery и php, все это довольно эзотерично для новичка в веб-дизайне. Я хотел простой метод масштабирования высоты iframe, чтобы всегда сохранять определенное соотношение сторон, независимо от того, как изменяется ширина.

Чтобы этот вопрос не был оставлен без ответа, метод ниже. Вот начальные настройки для вашего iframe:

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

Вот и все.

Мне было интересно, есть ли у кого-нибудь другие решения.

Ответы на вопрос(1)

Ваш ответ на вопрос