JSFiddle - React, Tailwind, and code Playground

by epinapala

HTML

<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-core@latest/build/p2p-media-loader-core.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-hlsjs@latest/build/p2p-media-loader-hlsjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-shaka@latest/build/p2p-media-loader-shaka.min.js"></script>
<script src="https://content.jwplatform.com/libraries/aG3IMhIy.js"></script>
<script src="https://novage.com.ua/assets/hola-jwplayer-hlsjs.min.js"></script>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<!-- P2P Plugin -->
<!--<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-core@latest/build/p2p-media-loader-core.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-hlsjs@latest/build/p2p-media-loader-hlsjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/p2p-media-loader-shaka@latest/build/p2p-media-loader-shaka.min.js"></script>-->
<!-- JW Player Builds -->
<!--<script src="https://content.jwplatform.com/libraries/aG3IMhIy.js"></script>-->
<!-- JWPlayer Hlsjs Provider -->
<!--<script src="https://novage.com.ua/assets/hola-jwplayer-hlsjs.min.js"></script>-->
</head>
<body>
<center>
<div id="demoplayer"></div>
</center>
<script>
	var engine = new p2pml.hlsjs.Engine();
	var player = jwplayer("demoplayer");
    player.setup({
        file: '',
onXhrOpen: function(xhr, url) {
                            xhr.setRequestHeader('User-Agent', '');
                        },
         //P2P with advertisement test
		 "advertising": {
         "client": "googima",
     "schedule": "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinearvpaid2js&correlator="
   // "client": "vast",
  // "schedule":...