Маленькие embed видео получаются.
На мобильном на весь экран, а на десктопе малюсенькие.
Надо нормальный размер задать, но как? В то же время адаптивку сохранить.
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/A22oy8dFjqc?rel=0" allowfullscreen="allowfullscreen"></iframe></div>
.embed-responsive
{position:relative; display:block; height:0; padding:0; overflow:hidden}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object
{position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}
.embed-responsive .embed-responsive-16by9
{max-width: 100%; display: block; padding-bottom:56.25%}