logo частный маркетолог фрилансер Москва
logo частный маркетолог фрилансер Москва

Responsive youtube video — как сделать

30 сентября 2015 в 10:25 Блог веб-разработчика
Хотите я произведу настройку как описано в статье вместо вас? Стоимость работы: 500 руб. Срок исполнения: 1 час. Работаю без предоплаты.

Если Вам нужно сделать Responsive Youtube video — оборачиваем код iframe div-ом и добавляем стили.

HTML

[php]
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/hWd3U0sQxbc" alt="Камера Bublcam: Панорамное видео 360 градусов" title="Камера Bublcam: Панорамное видео 360 градусов" frameborder="0" allowfullscreen></iframe>
</div>
[/php]

CSS

[php]
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

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

Похожие статьи

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите контактный E-mail: *

Ваш вопрос:

Пожалуйста, докажите, что вы человек, выбрав самолет.

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

Введите контактный E-mail: *

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *

Корзина пуста