@adil16

Как сделать адаптивное видео с помощью bootstrap 5?

Делаю так:
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="URL" allowfullscreen></iframe>
</div>

На обычном мониторе видео получается маленького размера. Как сделать, чтобы видео было по ширине родительского div
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
Пример из документации https://getbootstrap.com/docs/5.3/helpers/ratio/

<div class="ratio ratio-16x9">
  <iframe src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" title="YouTube video" allowfullscreen></iframe>
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы