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>
<div
class="contenedor">




 <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: "copia/1.mp4"},
    
        { file: "" }],
image: "fotos/1.jpg",
        title: "...",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]},


<!--054-->
       {sources: [
{file: "copia/54.mp4"},
    
        { file: "" }],
image: "fotos/54.jpg",
        title: "...",
        
tracks: [{file: "",label: "spanish",kind: "captions","default": true},{file: "",label: "English",kind:                 "captions",}]} 
      
      
       
    

    ],
    events:{
        onBufferChange: function(callback) {
              //  console.log(callback.buffer);
               // console.log(jwplayer("emergencycouplesatu").getBuffer());
            }
        },

    width: 1280,
	height: 720,

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

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

</div>

</body>


<input type="button"onclick= "jwplayer(emergencycouplesatu).play();"  

value="play" />
<input type="button" value="pause" onClick="jwplayer(emergencycouplesatu).pause();">



</html>