JSFiddle - React, Tailwind, and code Playground

HTML

<div id='wrapp'>
<iframe id='player' src="//www.youtube.com/embed/VWSL2SykovA?rel=0"></iframe>
</div>

CSS

#wrapp {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}