@nelle
Чтобы добавить встроенное видео на страницу с использованием Bootstrap, следуйте этим шагам:
- Поместите ваш файл видео в папку с вашим проектом.
- Используйте следующий HTML-код для встраивания видео:
1
2
3
4
|
<video controls>
<source src="путь_к_вашему_файлу_видео.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
|
- Добавьте классы Bootstrap для управления видео и его размещением:
1
2
3
4
5
6
|
<div class="embed-responsive embed-responsive-16by9">
<video controls class="embed-responsive-item">
<source src="путь_к_вашему_файлу_видео.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
|
- Чтобы отцентровать видео, добавьте класс mx-auto:
1
2
3
4
5
6
|
<div class="embed-responsive embed-responsive-16by9 mx-auto">
<video controls class="embed-responsive-item">
<source src="путь_к_вашему_файлу_видео.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
|
- Чтобы скрыть видео на маленьких экранах, добавьте класс d-none d-md-block:
1
2
3
4
5
6
|
<div class="embed-responsive embed-responsive-16by9 mx-auto d-none d-md-block">
<video controls class="embed-responsive-item">
<source src="путь_к_вашему_файлу_видео.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
|
Просто замените путь_к_вашему_файлу_видео.mp4 на реальный путь к вашему файлу видео во всех примерах кода.
