JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/shailon/list@gh-pages/jwplayer6.10.js"></script>
  
<script type="text/javascript">jwplayer.key = "Q1Ft5yFT0nJBlCFnQAvJ7nC+uwr628IgJBzoCAnnn3tGVqUiRjtloYRetCh+EbI0";</script>
<div id="emergencycouplesatu"></div>

<script type="text/javascript">
    jwplayer("emergencycouplesatu").setup({
   playlist: [


	   
	   
	 <!--00077-->
       {sources: [
{file: "https://www.youtube.com/watch?v=mDk2TgF8uKM"},
    
        { 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: 500,
	height: 250,
    listbar: {
      position: "right",
      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);
    }
 
    
    
   
    
 

</script>