JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html>
<html>
<head>
<title>Speed Test Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<style>
.contenedor{
  width:100%;

  margin: 0 auto;
  background: #ddd;
max-width: 1280px;
}


</style>
<body bgcolor="#000000">

<table width="0" border="0">
 


 <tbody>
    <tr>
      <th scope="col"><?xml version="1.0"?>


<div



class="contenedor">




 <script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/47ecb65faa3c670042b5e4b4b1c79054.bin?disposition=attachment&filename=jquery-2.2.4.min.js?"></script>
<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/51d8eb80d62661ab12b9c504608e719d.bin?disposition=attachment&filename=CaCb0lHw.js"></script>
<script type="text/javascript">jwplayer.key = "rkFpWDE+hpAk+/wbx0iQVaOCluss7rHZni1jyKW6k3tEtrEHEbABAs57iXY=";</script>

<div id="emergencycouplesatu"></div>
<script type="text/javascript">
    jwplayer("emergencycouplesatu").setup({
   playlist: [
   
 
<!--0001-->
       {sources: [
{file: "http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4"},
    
        { file: "" }],
image: "_/zmini/1_promoción_recuerdo/01.jpg",
        title: "BALADAtriste",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]},

 





<!--084-->
       {sources: [
{file: "http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4"},
    
        { file: "" }],
image: "_/zmini/1_promoción_recuerdo/84.jpg",
        title: "...",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]} 
      
      
       
    

    ],

autostart: true,
controls: true,
play: false,
  mute: false,
  stretching : "exactfit",
    events:{
        onBufferChange: function(callback) {
              //  console.log(callback.buffer);
               //...