JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//fast.wistia.net/static/iframe-api-v1.js"></script>
<div class="embed-responsive embed-responsive-4by3">
    <iframe id="my_iframe" src="//fast.wistia.net/embed/iframe/b4nym2w6dx" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="595" height="253"></iframe>
</div>
<div id="play" style:cursor:pointer;>Play</div>

JavaScript

$(document).ready(function ($) {
    wistiaEmbed = document.getElementById("my_iframe").wistiaApi;

    $('#play').click(function () { //custom button id
        wistiaEmbed.play();
        $('.row.grey, .row.header').hide();
    });
});