<HTML>

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script><video id="my-player" controls="controls" style="width: 100%; max-width: 1500px;" crossorigin="anonymous"/><script>
    const video = document.querySelector("#my-player");
    const src = "https://s12.us-east-1.skyvdn.com:443/rtplive/StauntonCCTV81224S/playlist.m3u8";
    if (video.canPlayType("application/vnd.apple.mpegurl")) {
      video.src = src;
    } else if (Hls.isSupported()) {
      const hls = new Hls();
      hls.loadSource(src)
      hls.attachMedia(video);
    } else {
      console.error("This is a legacy browser that doesn't support Media Source Extensions");
    }
    
    video.play().then(function () {
        // autoplay was successful!
    }).catch(function (error) {
      // do something if you want to handle or track this error
    });  
  </script>

</HTML>

?fm=hls