JSFiddle - React, Tailwind, and code Playground

HTML

<center> <div class="videowrapper "><iframe width="560" height="315" src="http://www.youtube.com/embed/VA770wpLX-Q?&rel=0&theme=light&autohide=1&color=white" frameborder="0" allowfullscreen></iframe></a></div></center>

CSS

center{
    text-align: center;
}
.videowrapper { 
        float: none;
        clear: both;
        width: 700px;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    margin: 0 auto;
    }
    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    max-width: 700px;
    max-height: 400px;
    }