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({
  "playlist": [
    {
      "sources": [
        {
          "default": false,
          "file": "https://content.jwplatform.com/manifests/yp34SRmf.m3u8",
          "label": "0",
          "type": "hls",
          "preload": "metadata"
        }
      ]
    }
  ],
  "primary": "html5",
  "hlshtml": true
});