Опубликовано: 23 июня 2016

Адаптивная вставка видео Есть решение

Подскажите как правильно настроить адаптивное отображение вставки видео. Желательно по центру.

Пробовал так:

.video-block {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

margin: 0 auto;

}

.video-block iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

Не помогает.

Комментарии (1)

  • Решение
    Vyacheslav Fedorov 24 июня 2016 10:49 #

    Решил проще

    <iframe style="width: 100%; height: 281px;" src="// frameborder="0" allowfullscreen="">

    </iframe>

    1

Добавить ответ

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

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх