JSFiddle - React, Tailwind, and code Playground

HTML

<script
  src="https://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>
  
<div>
<button class="clickme" data-src="https://www.youtube.com/embed/JGwWNGJdvx8">Shape</button>
<button class="clickme" data-src="https://www.youtube.com/embed/kJQP7kiw5Fk">
Despacito
</button>
</div>
<hr>
<div id="divplayer">
  
</div>

JavaScript

$(document).ready(function(){
	$('.clickme').click(function(){
  var embed = '<iframe id="player" type="text/html" width="640" height="360" src="'+$(this).data('src')+'" frameborder="0"></iframe>';
  	$('#divplayer').html(embed);
  })
})