JSFiddle - React, Tailwind, and code Playground

by uprosoft

HTML

<div>
   <iframe class="youtube-player" type="text/html" width="520" height="200" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>
    <div id="over">I'm over the iframe</div>
</div>

CSS

#over{
    float: left;
    margin-top: -293px;
    margin-left: 185px;
    background-color: #FF0000;
    height: 30px;
    z-index: 9999;
   cursor: pointer;
}

iframe{
    float: left;
    width: 100%;
    height: 400px;
}

JavaScript

$('#over').click(function(){


$('#NWHfY_lvKIQ').get(0).stopVideo();

});