JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<div class='box'> 
	<div class='content'><iframe src="//www.youtube.com/embed/F-0PwQvLxGI?rel=0" frameborder="0" allowfullscreen></iframe></div>
</div>

CSS

.box{
	position: relative;
	width: 100%;
    background: #F00
}
.box:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
.content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

iframe{
    width: 100%;
    height: 100%;
}