index.html

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://cdn.jsdelivr.net/npm/hls.js@1.7.3/dist/hls.min.js"></script>
</head>
<body>

<video id="video" 
               width='100%' controls autoplay
               src="https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8">
        </video>
<script>
    if (Hls.isSupported()) {
      var video = document.getElementById('video');
      var hls = new Hls();
      hls.loadSource(video.src);
      hls.attachMedia(video);
    }else{
        alert("Cannot stream HLS, use another video source");
    }
</script>

</body>
</html>