JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

http://vjs.zencdn.net/v/oceans.mp4

<!DOCTYPE HTML>
<html>
   <head>
   
      <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>
   </head>
   

   
             
       <div id="emergencycouplesatu">
</div>
<script type="text/javascript">
    jwplayer("emergencycouplesatu").setup({
    playlist: [{
        file: "http://vjs.zencdn.net/v/oceans.mp4",
        type: "mp4",
        primary: "flash",
        height: 400,
        tracks: [{ 
            file: "https://dl.dropboxusercontent.com/s/92bk1x43rix7sba/Neighbors.2014.BDRip.x264-SPARKS.srt", 
            label: "spanish",
            kind: "captions",
            "default": true 
        },{ 
            file: "", 
            label: "English",
            kind: "captions",}]
    }],
        width: 530,

    sharing: {
      code: encodeURI("<iframe src='http://jsfiddle.net/shailon/eye70j65/embedded/result/' />"),
      link: "http://jsfiddle.net/shailon/eye70j65/embedded/result/"
   }
    });
</script>

      
     
         
         <input type="button" onclick=" jwplayer(emergencycouplesatu).play= (2);"  value="playbackrate = 2"/>
         <input type="button" onclick="jwplayer(emergencycouplesatu).-:0.1"value="Decrease Volume"/>
     
  
</html>

JavaScript

jwplayer().addButton("http://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/256/Home-icon.png", "Fast", function() {
        jwplayer().seek(jwplayer().getPosition());
        tag.playbackRate = 10.0;
     },"high");