JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<script src="https://content.jwplatform.com/libraries/l6lt1rvo.js"></script>
<figure data-embed-type="jwplayer" data-embed-url="video-url1" data-embed-loaded="false">
  <div itemscope="" itemtype="http://schema.org/VideoObject">
    <div data-embed-url="video-url1" class="jw-player"></div>
  </div>
</figure>

<figure data-embed-type="jwplayer" data-embed-url="video-url2" data-embed-loaded="true">
  <div itemscope="" itemtype="http://schema.org/VideoObject">
    <div data-embed-url="video-url2" class="jw-player"></div>
  </div>
</figure>

JavaScript

var videoObject = document.querySelector("div[data-embed-url='video-url1']");
   var playerInstance = jwplayer(videoObject);
    playerInstance.setup({
      file: '//content.jwplatform.com/videos/me2X3XHF-OMBccnY9.mp4',
      mediaid: 'me2X3XHF',
      image: '//content.jwplatform.com/thumbs/me2X3XHF-1920.jpg'
    });

  var videoObject = document.querySelector("div[data-embed-url='video-url2']");
      var newplayerInstance = jwplayer(videoObject);
      newplayerInstance.setup({
    file: '//content.jwplatform.com/videos/0RcKFfhM-OMBccnY9.mp4',
    mediaid: '0RcKFfhM',
    image: '//content.jwplatform.com/thumbs/0RcKFfhM-1920.jpg'
      });