JSFiddle - React, Tailwind, and code Playground

by Nikolay Petrov

HTML

<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8kH2pq5NJrM?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen="" style="max-width: 100%;"></iframe>
</div>

CSS

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}