JSFiddle - React, Tailwind, and code Playground

by doitlikejustin

HTML

<div id="videoPlayerScript">
  <iframe src="https://cdn.jwplayer.com/players/9sHQ0svA-MKxp5zYB.html" width="560" height="315" frameborder="0" scrolling="auto" allowfullscreen></iframe>
</div>

<a href="javascript:void(0);" class="video-changer" data-videoid="9sHQ0svA">Video 1</a>
<a href="javascript:void(0);" class="video-changer" data-videoid="9sHQ0svA">Video 2</a>

JavaScript

$('.video-changer').click(function() {
  //alert($(this).data('videoid'));
  var videoID = $(this).data('videoid');
  var videoURL = 'https://cdn.jwplayer.com/players/' + videoID + '-MKxp5zYB.html';
  $('#videoPlayerScript iframe').attr('src', videoURL);
  //alert(videoURL);
  //$('<script>').attr('src', videoURL).appendTo('#videoPlayerScript');
  //$('#videoPlayerScript').attr('src', videoURL)
});