JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<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 = "Q1Ft5yFT0nJBlCFnQAvJ7nC+uwr628IgJBzoCAnnn3tGVqUiRjtloYRetCh+EbI0";</script>


<div id="player"></div>
<body>


<script type="text/javascript">
    jwplayer("player").setup({
   playlist: [
<!--0001-->
       {sources: [
										{file: "http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4"},
    
        						{file: "" }],
											image: "",
        							title: "Workout Mix 2020 #58",
        
				tracks: [
										{file: ".",label: "spanish", kind: "captions","default": true},
										{file: ".",label: "English", kind: "captions",}]}	      
    ],

autostart: false,
controls: true,
play: false,
  mute: false,
  stretching : "exactfit",
    events:{
        onBufferChange: function(callback) {
              //  console.log(callback.buffer);
               // console.log(jwplayer("emergencycouplesatu").getBuffer());
            }
        },
    width: 700,
	height: 400,
    listbar: {
      position: "left",
      size: 200,
    }
  });
    
   
    function addVideo(videoUrl, videoThumb, videoTitle) {
        var playlist = jwplayer().getPlaylist();
        var newItem = {
            file: videoUrl,
            image: videoThumb,
            title: videoTitle
        };
        playlist.push(newItem);
        jwplayer().load(playlist);
    }
 
   // 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
    player.setPlaybackRate(1.100);
    event.target.playVideo();
} 
    
   
    
 

</script>
 
</body>