JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="player">&nbsp;</div>
    <div id="overlay">&nbsp;</div>
</div>

CSS

.container {
    position : relative;
    width : 258px;
    height : 203px;
}

.player {
    background : url('http://www.beansoftware.com/ASP.NET-Tutorials/Images/FLV-JW-Player.gif');
    width : 258px;
    height : 203px;
}

#overlay {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    cursor : pointer;
}

JavaScript

$("#overlay").click(function() {
   alert("You clicked me! Now try it again!");
   $(this).hide();
});