JSFiddle - React, Tailwind, and code Playground

by floor_

HTML

<div class="videos">
    <div class="playContainer">
        <i class="fa fa-youtube-play play1 fa-2x">Icon</i>
    </div><!-- /.playContainer -->
    <video src="assets/video/6025-4-normal-medium-yes.mov" class="beat" preload></video>

    <blockquote>
        <p class="quote">"This is really for my dad. I would love to go to his grave say, 'Dad you won, you got 'em.'"</p>

        <cite>
            <p class="name">Earl Lawrence</p>
            <p class="title">Son of Henry Lawrence</p>
        </cite>
    </blockquote>
</div><!-- /.videos -->

CSS

video {
    max-width: 900px;
    padding-top: 5%;
    width: 90%;
    height: 90%;
    opacity: 1;

}

.videos {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.video {
    position: relative;
}

.play1 {
    position: absolute;
    top: 2.5%;
    left: 6%;
    color: #fff;
    opacity: 0.25;
}
.playContainer{
    background:green;
    position:absolute;
    left:0;
    top:0;
    height:10px;
    width:10px;
}