BTW, this is the answer I wanted to post in that thread:
I did use height="auto". Nothing seemed to change. I think some settings in the div/class wrappers affect it and do not let height do its job. I tried to make height=100 and still nothing happened.
This is the new code:
<p> </p>
<div class="jumbotron jumbotron-primary masthead btn-action">
<div class="col-md-6" align="left">
<p>The best free Joomla template that you ever need.</p>
</div>
<div class="col-md-6">video 1:
<div class="video-wrapper"><iframe width="560" height="auto" frameborder="0" src="//www.youtube.com/embed/KSK2OR9pEUY?modestbranding=1&;showinfo=0&;autohide=1&;rel=0&;hd=1" allowfullscreen="allowfullscreen"></iframe></div>
</div>
</div>