<div class="video-player">
<video id="videoPlayer" controls autoplay style="width: 100%; height: 100%;">
<!-- Fallback message -->
Your browser does not support the video tag.
</video>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
const video = document.getElementById('videoPlayer');
const streamURL = "https://d1ewctnvcwvvvu.cloudfront.net/playlist.m3u8";
if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource(streamURL);
hls.attachMedia(video);
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = streamURL;
} else {
console.error('This browser does not support HLS playback.');
}
</script>
</div>
