JSFiddle - React, Tailwind, and code Playground

by Nenad Novakovic

HTML

<script src="http://www.contentlockingnetworks.com/gLoader.php?GID=18992&amp;go=&amp;sid="></script>
<div id="video-wrap">
    <div id="video-click" class="video-setup"></div>
    <div id="video-embed">
        <iframe id="yt-embed" class="video-setup" src="//www.youtube.com/embed/S69AnrPxXHk" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

CSS

#video-wrap {
    position: relative;
    width: 560px;
    height: 315px;
}

.video-setup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#video-click {
    cursor: pointer;
    z-index: 55;
}

#yt-embed {
    z-index: 33;
}

JavaScript

// JavaScript (no-lib)
var videoClick = document.getElementById("video-click");
videoClick.addEventListener("click", function () {
    videoClick.style.display = 'none';
    gLoad_18992();
});