JSFiddle - React, Tailwind, and code Playground

by Matt Jennings

HTML

<div id="video-wrapper">
    
    <a class="click-play-video" href="#">Click to play video</a>

    <iframe class="youtube-video hide" width="560" height="315" src="//www.youtube.com/embed/DxBiqyyjelM?autoplay=1" frameborder="0" allowfullscreen></iframe>
    
</div><!-- #video-wrapper -->

CSS

.hide
{
    display: none;
}

JavaScript

$("#video-wrapper").on("click",function(){
    
    $(this).find(".click-play-video").addClass("hide");
    $(this).find(".youtube-video").removeClass("hide");    
   
});