body {
margin: 0;
font-family: Arial, sans-serif;
color: #fff;
background: url(‘https://www.cornucopia-events.co.uk/wp-content/uploads/2016/01/2013-UEFA-Champions-League-Wallpaper-Stadium.jpg’)
no-repeat center center fixed;
background-size: cover;
}

.separator {
text-align: center;
margin: 20px 0;
}

.separator img {
max-width: 100%;
height: auto;
border-radius: 8px;
cursor: pointer;
}

.responsive-video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
border-radius: 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
max-width: 900px;
margin: auto;
}

.responsive-video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 16px;
background: black;
}

const video = document.getElementById(‘video’);
const videoSrc = ‘https://pepsi.abntv.live/hls/4spstream.m3u8’;

if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource(videoSrc);
hls.attachMedia(video);
} else if (video.canPlayType(‘application/vnd.apple.mpegurl’)) {
video.src = videoSrc;
} else {
alert(“Votre navigateur ne supporte pas le streaming HLS.”);
}