JWPlayer Demo HLS

by epinapala

HTML

<script src="https://content.jwplatform.com/libraries/DbXZPMBQ.js"></script>
<div id="jwplayer">This text will be replaced with a jwplayer.</div>

CSS

#container, form {
  margin: 0 auto;
}

form { 
  position: relative;
  padding: 20px 0;
  width: 80%;
}
select { 
  border: 1px solid #ccc;
}

input[type="text"] {
  border: 1px solid rgba(217,221,230,1);
  background-color: rgba(217,221,230,.5);
  width: 60%;
}

.btn {
  margin-top: -4px;
}

JavaScript

jwplayer("jwplayer").setup({
        "file": "https://wowzaec2demo.streamlock.net/vod-multitrack/_definst_/smil:ElephantsDream/ElephantsDream.smil/playlist.m3u8",
        "height": 360,
        "width": 640
      });