JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<a href="javascript:void(0);" class="video" data-youtube="l_tHTmd5pgk?autoplay=1">video 1</a>
<a href="javascript:void(0);" class="video" data-youtube="BsekcY04xvQ?autoplay=1">video 2</a>

<div class="video-wrapper"></div>

JavaScript

$('a.video').click(function () {
    var id = $(this).attr('data-youtube');
    
    var src = '//www.youtube.com/embed/'+id;
    var iframe = $(".video-wrapper").find('iframe')
    if (ifarme){
     iframe.loadVideoById(id)
    }else {
    iframe = '<iframe id="youtube" width="560" height="315" frameborder="0" src="'+src+'" allowfullscreen></iframe>';
    $(".video-wrapper").html(iframe);
    }
   
   
    return false;
});