Форум Сайтостроение Веб-строительство

Задать height в зависимости от размера width

T0
На сайте с 04.01.2010
Offline
56
terra07
908

Доброго дня!

Подскажите, пожалуйста, есть блок iframe в котором показывается плеер. Размеры блока iframe заданы фиксировано в самом коде iframe: 

<iframe src="ссылка на плеер" width="620" height="465" frameborder="0" allowfullscreen>  </iframe>

Чтобы iframe с плеером уменьшался для мобильных устройств, ширина iframe изменяется через css свойство max-width: 100%; , но при этом height остается такой же, как задано в коде iframe.

Возможно ли как-то пропорционально изменять высоту, чтобы она была 75% от текущей ширины, но не менее 350px? Хотелось бы с помощью css, если это возможно, или php/javascript.

Буду весьма благодарен за помощь.

Таггу x_x
На сайте с 31.10.2005
Offline
445
Таггу x_x
#1 


<style>

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

</style>



<div class="embed-container">

       <iframe src='http://www.youtube.com/embed/ythachcode' frameborder='0'></iframe>

</div>

Вот вам полностью адаптивный респонсив Iframe с плеером.

☠️☠️☠️

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий