Содержание страницы
Age-Dragon.com
Главная / Элементы html и css / Видео бутстрап для сайта html

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

видео на бутстрапВ этой статье хочу рассказать, как установить на сайт 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>
На этом всё, - вставляйте код для показа своего видео на страницы и привлекайте тем самым больше посетителей на сайт.
Комментарии
smsДобавить комментарий
Комментарий не отправлен!
Комментарий успешно отправлен!
После модерации он будет опубликован!
Имя - только русские буквы!
Это обязательное поле!