JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<div class="youtube">
    <iframe src="https://www.youtube.com/embed/TR6fCvd2BCs" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.youtube {
    width: auto;
    height: auto;
    max-width: 80vw;
    max-height: 90vh;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right: 0;
}
iframe {
    width: 100%;
    height: 100%;
}