GC HTML5 hls video + Afterglow Player

GC HTML5 hls video + Afterglow Player

by Sahil Kashyap

HTML

<script src="https://cdn.jsdelivr.net/npm/afterglowplayer@1/dist/afterglow.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video class="afterglow" id="video" width="400" height="225" controls src="//infowarslive-lh.akamaihd.net/i/infowarslivestream_1@353459/master.m3u8"></video>
<br>
<h3>LIVE VIDEO: NewsMax</h3>
<video class="afterglow" id="livevideo" width="400" height="225" controls src="//nmxlive.akamaized.net/hls/live/529965/Live_1/index.m3u8"></video>

JavaScript

if (Hls.isSupported()) {
  var video = document.getElementById('video');
  var hls = new Hls();
  hls.loadSource('//video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
  hls.loadSource(video.src); // GC GET VIDEO SRC
  hls.attachMedia(video);
  hls.on(Hls.Events.MANIFEST_PARSED, function() {
    video.play();
  });
}

if (Hls.isSupported()) {
  var video2 = document.getElementById('livevideo');
  var hls = new Hls();
  //hls.loadSource('//video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
  hls.loadSource(video2.src); // GC GET VIDEO SRC
  hls.attachMedia(video2);
  hls.on(Hls.Events.MANIFEST_PARSED, function() {
    //video2.play();
  });
}