Youtube video with bottom bar

by tronne

HTML

<div class="iframe-wrapper">
  prueb</iframe>
</div>
<div class="bottom-wrapper">
  Bottom Wrapper
</div>

CSS

.iframe-wrapper{
  position:fixed;
  top:0;left:0;right:0;bottom:50px;
}
.iframe-wrapper iframe{
  width:100%;
  height:100%;
  border:none;
}
.bottom-wrapper{
  height:50px;
  background:yellow;
  color:black;
  position:fixed;
  bottom:0;left:0;
  width:100%;
  text-align:center;
}