JW Player

<?xml version="1.0" encoding="UTF-8" ?>
<html class='' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'><head><style type='text/css'/><style type='text/css'>.fancybox-margin{margin-right:0px;}</style>
 <b:skin><![CDATA[
]]></b:skin></head><body><div style='clear:both;'/>
<title>Player</title>
<style>
body{margin:0;padding:0; background: #000; font-family: helvetica, arial, sans-serif; color: #fff; font-size: 28px;}
</style>

<b:section id='fixelements' showaddelement='no'/>

<script src='https://content.jwplatform.com/libraries/IDzF9Zmk.js'></script>
<script>jwplayer.key='YOUR_KEY';</script>


  <div id="player">Loading the player...</div>
  <script>
    // Setup the player
    const player = jwplayer('player').setup({
      file: 'insert_m3u8_link',
      image: "https://image.url",
      width: "100%",
      height: "100%",
      skin: "glow",
      autostart: true,
      controls: true,
      volume: 100
    });

    // Listen to an event
    // Call the API
    const bumpIt = () => {
      const vol = player.getVolume();
      player.setVolume(vol + 10);
    }
    document.querySelector('#bumpit').onclick = () => { bumpIt(); }
  </script>
</body></html>