Содержание страницы
домикГлавная / Элементы html и css / Видео бутстрап
видео на бутстрапВ этой статье хочу рассказать, как установить на сайт html видео на бутстрап.

Применив не сложный код, такое видео для показа на страницах является кроссбраузерным и без изъянов отображается правильно на любом виде устройства, то есть адаптивное под любое разрешение.

Для вставки на страницу видео на бутстрап, потребуется само видео и 3 строчки кода html, и давайте разберём это подробно.

Пример видео на бутстрап

Хочу сразу посоветовать использовать видео с сервиса ЮТУБ, - тем самым вы не загружаете свой сервер.

После загрузки видео на youtube.com откройте его для просмотра, и далее под видео нажмите кнопку Поделиться - далее HTML-код и из него скопируйте ссылку на ваше видео такого вида:

https://www.youtube.com/embed/95tsh917axk

и вставьте ниже в представленный код.

После этого, перед установкой видео на сайт, определите какое соотношение сторон имеет ваше видео: 16 к 9 или 4 к 3, и пропишите в нужное место страницы этот код.

Код для установки видео бутстрап на сайт html

htmlCOPY
<!-- соотношение 16:9 --> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/95tsh917axk" frameborder="0" allowfullscreen></iframe> </div> <!-- соотношение 4:3 --> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/95tsh917axk" frameborder="0" allowfullscreen></iframe> </div>
На этом всё, - вставляйте код для показа своего видео на страницы и привлекайте тем самым больше посетителей на сайт.
Дата публикации: 15.07.2018
Комментарии
Добавить комментарий
Комментарий не отправлен!
Комментарий успешно отправлен!
После модерации он будет опубликован!
Имя - только русские буквы!
Это обязательное поле!