JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
</head>
<div onload="load()" id="openModal" class="modalDialog">
            <div>

<body>
<div id="myElementA"></div>
<script src="https://content.jwplatform.com/libraries/fNkNmTXG.js"></script>
	<script type="text/javascript">
		/* <![CDATA[ */
		var JWp = {
			'logofile': ' ',
			'logolink': ' ',
			'logoposition': ' ',
			};
			/* ]]> */	
		var playerInstance = jwplayer("myElementA");
		playerInstance.setup({
			image: "https://scontent-mia3-1.xx.fbcdn.net/v/t15.5256-10/p200x200/43072665_2426936307322431_6189642559002771456_n.jpg?_nc_cat=108&_nc_oc=AQl7uS3BaaMXno0ne402KFpOdlSualpOu_yvfmxTGnxrqeZI3iRb0Gw_LhknQopVP_I&_nc_ht=scontent-mia3-1.xx&oh=13e6e56ba054ce578c3b11589c51275f&oe=5E1458A9" ,sources: [{file: "https://content.jwplatform.com/videos/xJ7Wcodt-cIp6U8lV.mp4", label: "480p"},{file: "https://video-mia3-1.xx.fbcdn.net/v/t42.9040-2/45131795_928041570723398_7941816403466649600_n.mp4?_nc_cat=103&efg=eyJybHIiOjMwMiwicmxhIjo1MTIsInZlbmNvZGVfdGFnIjoic3ZlX3NkIn0%3D&_nc_oc=AQlyxs2OVRzQOrck7kt1by8WlAZ-7AxPa4UH0Ntw9sQOrnbv-F2OCEuqcKCODjE3eNA&rl=302&vabr=168&_nc_ht=video-mia3-1.xx&oh=9efd152ebee17e1f95beeea402caf1d2&oe=5D6630A0", label: "360p"},{file: "https://video-mia3-1.xx.fbcdn.net/v/t42.9040-2/45131795_928041570723398_7941816403466649600_n.mp4?_nc_cat=103&efg=eyJ2ZW5jb2RlX3RhZyI6InN2ZV9zZCJ9&_nc_oc=AQlyxs2OVRzQOrck7kt1by8WlAZ-7AxPa4UH0Ntw9sQOrnbv-F2OCEuqcKCODjE3eNA&_nc_ht=video-mia3-1.xx&oh=9efd152ebee17e1f95beeea402caf1d2&oe=5D6630A0", label: "240p"},],			mute: "false",						
			image: " ",
			width:"100%",
			height:"100%",
			autostart: "false",
		logo:...