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:960px;
  margin: 0 auto;
  background: #ddd;
}
.player{max-width: 100%;}

</style>
<body>
<div
class="contenedor">



<center>
 <script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/9b0ed3b4fd7a2eb3049b51cd26b48b9c0300e7b9.bin?disposition=attachment&filename=jwplayer6.10.js"></script>
        <script type="text/javascript">jwplayer.key = "2U/m9jOYEC49U1j3cNoou7IjxvGS5j03XTpetE5wCVBAwRqhG9pSYWQIMW0=";</script>
<div id="emergencycouplesatu"></div>
<script type="text/javascript">
jwplayer("emergencycouplesatu").setup({
  playlist: [
  
<!--001-->
       {sources: [
{file: "https://www.youtube.com/watch?v=gqcByjqXEPA"},
    
        { file: "" }],
image:"fotos/1.jpg",
        title: "Adriana Lopez R.",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]},

<!--084-->
       {sources: [
{file: "107.mp4"},
    
        { file: "" }],
image: "fotos/107.jpg",
        title: "†  Victor Oviedo R.",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]} 
      
      
       
    

    ],





  }],
width:"100%",
autostart: true,
controls: false,
  mute: false,
  stretching : "exactfit",
 events:{
        onBufferChange: function(callback) {
              //  console.log(callback.buffer);
               // console.log(jwplayer("emergencycouplesatu").getBuffer());
            }
        }

});
</script>
<script src="speed.js"></script>

</div>

</body>
</html>