Адаптивный видеоплеер на Bootstrap.
Курс по Bootstrap , раздел 7.1.
При вставке адаптивного видеоплеера на страницу просмотра фильмов вместо компонента responsive-embed в официальной документации предлагают использовать ratio и в примере записан следующий код
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" title="YouTube video" allowfullscreen></iframe>
</div>
Используют классы ratio и ratio-16x9 вместо ember-responsive и ember-responsive-16by9, у самого iframe класс не задаётся.
Видеоплеер на странице очень маленький и не масштабируется при изменении ширины экрана. При написании кода как в видеоуроке результат такой же: маленький экран видеоплеера, который не масштабируется. Подскажите как быть?