<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CRICSPORTCENTRAL SKY</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: Arial, sans-serif;
            background-color: #000; /* Set background color to black */
            color: #fff; /* Set text color to white */
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .player-container {
            position: relative;
            width: 90%;
            max-width: 800px;
            aspect-ratio: 16/9; /* 16:9 Aspect Ratio */
            background-color: #000;
        }
        .player-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        /* Poster styling */
        .poster {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 998;
            background-size: cover;
            background-position: center;
        }
        /* Watermark styling (moved to the left) */
        .watermark {
            position: absolute;
            top: 1px; /* Slightly adjusted for visibility */
            left: 10px; /* Position it to the left of the page */
            width: 80px; 
            opacity: 0.7;
            z-index: 999;
        }
    </style>
</head>
<body>
    <!-- Pop-up Redirect -->
    <script>
        if (confirm("Join Our Telegram Channel @CRICSPORTCENTRAL")) {
            window.location.href = "https://t.me/CRICSPORTCENTRAL";
        }
    </script>

    <!-- Video Player Section -->
    <div class="player-container">
        <!-- Poster Image -->
        <div class="poster" style="background-image: url('https://e0.365dm.com/23/11/2048x1152/skysports-cricket-world-cup_6359058.jpg');"></div>
        
        <!-- Iframe Player -->
        <iframe 
            id="contentFrame" 
            src="https://tmsbd.top/jig/chd/sportstv.php?c=skyscric" 
            sandbox="allow-forms allow-pointer-lock allow-same-origin allow-scripts allow-top-navigation" 
            frameborder="0" 
            gesture="media" 
            allow="encrypted-media" 
            allowfullscreen="true" 
            scrolling="no" 
            onload="document.querySelector('.poster').style.display='none'">
        </iframe>
        
        <!-- Watermark -->
        <img src="https://i.postimg.cc/MKQtVKfF/Picsart-24-12-10-14-13-36-288.png" alt="Watermark" class="watermark">
    </div>
</body>
</html>