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/79f5c16291cb2ef371502c56dcdd47d4.bin?disposition=attachment&filename=jwplayer6.10"></script>
        <script type="text/javascript">jwplayer.key = "2U/m9jOYEC49U1j3cNoou7IjxvGS5j03XTpetE5wCVBAwRqhG9pSYWQIMW0=";</script>


<div id="emergencycouplesatu"></div>
<script type="text/javascript">
    jwplayer("emergencycouplesatu").setup({
   playlist: [
   
 
<!--0001-->
       {sources: [
{file: "https://www.youtube.com/watch?v=VYOjWnS4cMY"},
    
        { file: "" }],
image: "_/zmini/1_promoción_recuerdo/84.jpg",
        title: "...",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]},

 



<!--084-->
       {sources: [
{file: "https://www.youtube.com/watch?v=VYOjWnS4cMY"},
    
        { 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: false,
play: false,
  mute: false,
  stretching : "exactfit",
    events:{
        onBufferChange: function(callback) {
              //  console.log(callback.buffer);
               // console.log(jwplayer("emergencycouplesatu").getBuffer());
            }
        },

    width: 1280,
	height: 720,


    listbar: {
      position: "right",
      size: 130,

    }
  });
</script>
<script...