JSFiddle - React, Tailwind, and code Playground

by Fredy Sudhir

HTML

<div class="video-content">
  <div class="video-container"><iframe width="420" height="315" src="//www.youtube.com/embed/fMJ21v7mX7U" frameborder="0" allowfullscreen></iframe>
   </div>
</div>

CSS

.video-content
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.video-container {
    height:315px;
    background: #666;
    position: fixed;
    bottom:0px;
    width:100%;
}

.video-container iframe {
    display:block;
    margin:0 auto;
}