<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://service-stitcher.clusters.pluto.tv/stitch/hls/channel/5ddd7cb2cbb9010009b4fe32/master.m3u8?advertisingId=&amp;appName=web&amp;appVersion=5.14.0-0f5ca04c21649b8c8aad4e56266a23b96d73b83a&amp;app_name=web&amp;clientDeviceType=0&amp;clientID=6fbead95-26b1-415d-998f-1bdef62d10be&amp;clientModelNumber=na&amp;deviceDNT=false&amp;deviceId=6fbead95-26b1-415d-998f-1bdef62d10be&amp;deviceLat=19.4358&amp;deviceLon=-99.1441&amp;deviceMake=Chrome&amp;deviceModel=web&amp;deviceType=web&amp;deviceVersion=88.0.4324.150&amp;marketingRegion=VE&amp;serverSideAds=false&amp;sessionID=b8e5a857-714a-11eb-b532-0242ac110002&amp;sid=b8e5a857-714a-11eb-b532-0242ac110002&amp;userId=";
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>