Я сделал загрузочную сетку с видео вставки с Youtube и Vimeo бок о бок. Они отзывчивы с соотношением сторон 16: 9. Но мне интересно, почему высота у них разная? Как это исправить? Спасибо
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-xs-6 col-sm-6"> <h2>Youtube</h2> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/RBumgq5yVrA?autoplay=0&start=0&rel=0&modestbranding=1&showinfo=0&iv_load_policy=3&disablekb=1&playsinline=1&cc_lang_pref=auto&enablejsapi=1"></iframe> </div> </div> <div class="col-xs-6 col-sm-6"> <h2>Vimeo</h2> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/304704403?autoplay=0&api=1"></iframe> </div> </div> </div> </div>