JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<script src="https://cdn.clappr.io/latest/clappr.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>
<script src="https://cdn.clappr.io/j/vendor/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>
<script src="http://cdn.clappr.io/j/vendor/jquery.min.js"></script>

<script src="https://cdn.clappr.io/latest/clappr.js"></script>



<body>
              <div id="player-wrapper" class="player"></div>
<script>
var playerElement = document.getElementById("player-wrapper");

var player = new Clappr.Player({
  source: 'https://s3-us-west-2.amazonaws.com/hg-video-out/Karolyi,_Tracy_34MQ5_about_me_videod737bccd1ac88a5251ef887734a2f0ab21114f331a25ab7abd9a1e4e46a39f6d/hls_d737bccd1ac88a5251ef887734a2f0ab21114f331a25ab7abd9a1e4e46a39f6d.m3u8',
  poster: 'http://clappr.io/poster.png',
  mute: true,
  height: 360,
  width: 640
});

player.attachTo(playerElement);
</script>
</body>