JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <button id="showr">Mostrar</button>
    <button id="hidr">Esconder</button>
    <div>
        <iframe style="display: none;" width="420" height="345" src="" data-url="http://www.youtube.com/embed/oHg5SJYRHA0" frameborder="0" allowfullscreen></iframe>
    </div>
    <script>
        $("#showr").click(function() {
            $("iframe").first().show("fast", function () {
                this.src = $(this).data('url') + '?autoplay=1';
            });
        });

        $("#hidr").click(function() {
            $("iframe").hide(1000, function () {
                this.src = $(this).data('url') + '?autoplay=0';
            });
        });
    </script>
</div>