JSFiddle - React, Tailwind, and code Playground

HTML

<div id="video_container" class="gaH1JGxJQXw" style="background:url(http://img.youtube.com/vi/gaH1JGxJQXw/hqdefault.jpg);background-size:100% auto;background-position:50%; height:440px;width:720px;"></div>

CSS

#video_container{
    cursor:pointer;
}
#video_container:before {
    content:'';
    border-style: solid;
    border-width: 50px 0 50px 75px;
    border-color: transparent transparent transparent #fff;
    position:absolute;
    left:330px;
    top:180px;
}
#video_container iframe {
    position:relative;
    z-index:1;
}

JavaScript

$('#video_container').click(function (e) {
    e.preventDefault();
    var htm = '<iframe id="player" src="http://www.youtube.com/embed/gaH1JGxJQXw?vq=large;autoplay=1&amp;showinfo=0&amp;modestbranding=1&amp;iv_load_policy=3&amp;rel=0&amp"  id="okplayer" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" webkitallowfullscreen="webkitAllowFullScreen" seamless="seamless" frameborder="0" height="440" scrolling="no" width="720"></iframe>';
    $('#video_container').html(htm);
    return false;
});