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

Question

[adil16]

Делаю так:

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="URL" allowfullscreen></iframe>
</div>

На обычном мониторе видео получается маленького размера. Как сделать, чтобы видео было по ширине родительского div

Comments

[Ankhena]

Задать ширину 100% вообще не вариант?

[adil16]

Ankhena, не вариант, уже решил, в бутстрап классы которые указал уже ге поддерживаются

[Ankhena]

adil16, тогда либо писать в ответ как решать либо удалять вопрос.

Answer 1

[Сергей delphinpro]

Пример из документации 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>