logo у меня все покупают г. Москва

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

30 сентября 2015 в 10:25 Без категории

Если Вам нужно сделать 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]

Responsive youtube video – как сделать #8642398 Responsive youtube video – как сделать #2642598 Responsive youtube video – как сделать #3357202 Responsive youtube video – как сделать #9357002 Responsive youtube video – как сделать #15356802 Responsive youtube video – как сделать #21356602 Responsive youtube video – как сделать #27356402 Responsive youtube video – как сделать #33356202 Responsive youtube video – как сделать #39356002 Responsive youtube video – как сделать #45355802 Responsive youtube video – как сделать #51355602 Responsive youtube video – как сделать #57355402 Responsive youtube video – как сделать #63355202 Responsive youtube video – как сделать #69355002 Responsive youtube video – как сделать #75354802 Responsive youtube video – как сделать #81354602 Responsive youtube video – как сделать #87354402 Responsive youtube video – как сделать #93354202 Responsive youtube video – как сделать #99354002 Responsive youtube video – как сделать #105353802 Responsive youtube video – как сделать #111353602 Responsive youtube video – как сделать #117353402 Responsive youtube video – как сделать #123353202 Responsive youtube video – как сделать #129353002 Responsive youtube video – как сделать #135352802 Responsive youtube video – как сделать #141352602 Responsive youtube video – как сделать #147352402 Responsive youtube video – как сделать #153352202 Responsive youtube video – как сделать #159352002 Responsive youtube video – как сделать #165351802

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


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

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

Ваш вопрос:

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

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

Ваш вопрос:

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

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

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

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

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

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

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

Комментарий

There are no products