Добавляем поддержку адаптивности для видеороликов

[Hope]

Пользователь Hope разместил новый ресурс:

Добавляем поддержку адаптивности для видеороликов - Добавляем поддержку адаптивности для видеороликов.

Идём сюда /admin.php?bb-code-media-sites/ и нажимаем на YouTube, далее HTML-код для вставки приводим к такому виду:

<div class="responsiveVideoContainer">
    <iframe width="500" height="300" src="https://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>
</div>

В шаблон EXTRA.css добавляем:

.responsiveVideoContainer
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;...

Узнать больше об этом ресурсе...

 

[Garri83]

Как-то кривовато получается, когда видео растягивается на весь экран. Слишком много место занимает.