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

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

0 293

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

В этой статье хочу рассказать, как установить на сайт html видео на бутстрап.

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

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

 

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

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

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

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

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

Код для видео бутстрап
          <!-- соотношение 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>

Похожие новости