JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/47ecb65faa3c670042b5e4b4b1c79054.bin?disposition=attachment&filename=jquery-2.2.4.min.js?"></script>
<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/51d8eb80d62661ab12b9c504608e719d.bin?disposition=attachment&filename=CaCb0lHw.js"></script>


<div id="player"></div>
<script>
  var jwp = jwplayer('player');
  jwp.setup({
    width: "80%",
    title: "Valerian ve Bin Gezegen İmparatorluğu",
    height: "80%",
    key: "cLGMn8T20tGvW+0eXPhq4NNmLB57TrscPjd1IyJF84o=",
    sources: [
      {file: "https://www.youtube.com/watch?v=6AwXKJoKJz4",  type:"mp4",label:"480p", default: "true"},
      {file: "https://cdn.fluidplayer.com/videos/valerian-720p.mkv",  type:"mp4", label:"720p"},
      {file: "https://cdn.fluidplayer.com/videos/valerian-1080p.mkv", type:"mp4", label:"1080p"}
    ],
    image: "https://cdn-w1.netlify.com/cagatayldzz.com/2020/pbgRkz.jpg",
    playbackRateControls: [0.75, 1.070, 1.25, 1.5],
    sharing: {
      heading: "Paylas",
      link: "link-url",
      sites:["facebook","twitter","googleplus","tumblr","pinterest","reddit","linkedin","email"]
    },
    primary: "html5"
  });
</script>
<style>
html,body{padding:0;margin:0;height:100%}
#player{width:100%;height:100%;overflow:hidden;background-color:#000}
</style>
<body>
<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/979c63143a3358d342aa00c1a4665610.bin?disposition=attachment&filename=speed24.js"></script>
</body>