https://ppvhq.com/

스캔 ID:: 5e1ba6f8-f935-4c8c-8f31-0012b8f52899완료
제출된 URL:: https://shorturl.at/PyePH리디렉션됨
보고서 완료:: 2024년 11월 16일 01:01:27
링크 · 0개 결과

페이지에서 식별된 외부 링크
JavaScript 변수 · 4개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름	유형
0	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
콘솔 로그 메시지 · 1개 결과

웹 콘솔에 기록된 메시지
유형	카테고리	로그
error	network	URL https://ppvhq.com/i.png 텍스트 Failed to load resource: the server responded with a status of 404 ()
HTML

페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NFL GAME PASS</title>
        <link rel="icon" type="image/png" href="i.png" sizes="16x16">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&amp;family=Roboto:wght@400&amp;display=swap" rel="stylesheet">
    
    <style>
        /* Global Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Roboto', sans-serif;
            background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            animation: fadeIn 1s ease-in-out;
        }

        /* Header Styles */
        header {
            background-color: #013369; /* Dark blue */
            padding: 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            animation: slideDown 1s ease-out;
        }

        header img {
            height: 50px;
            transition: transform 0.3s ease;
        }

        header img:hover {
            transform: scale(1.1);
        }

        /* Footer Styles */
        footer {
            background-color: #013369; /* Dark blue */
            padding: 20px;
            box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: auto;
            animation: slideUp 1s ease-out;
        }

        footer img {
            height: 40px;
            transition: transform 0.3s ease;
        }

        footer img:hover {
            transform: scale(1.1);
        }

        /* Main Content Styles */
        .container {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 40px 20px;
            text-align: center;
        }

        .container h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 3rem;
            margin-bottom: 20px;
            color: #ffffff; /* White for contrast */
            animation: popIn 1s ease-out;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* Text shadow for readability */
        }

        .video-container {
            position: relative;
            width: 560px; /* As per the iframe's width */
            height: 315px; /* As per the iframe's height */
            margin-bottom: 30px;
            animation: zoomIn 1s ease-out;
        }

        .video-container iframe {
            width: 100%;
            height: 100%;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            background-color: #000; /* Fallback background */
            pointer-events: none; /* Disable interactions initially */
        }

        /* Overlay to block interactions */
        #overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6); /* Semi-transparent overlay */
            cursor: pointer;
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
        }

        /* Instruction Text */
        #overlay::before {
            content: '🔊 Click to Enable Sound';
            color: #fff;
            font-size: 1.2rem;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
            pointer-events: none; /* Ensure text doesn't capture clicks */
        }

        /* Button Styles */
        .buttons {
            display: flex;
            gap: 20px;
            animation: fadeInUp 1s ease-out;
        }

        .buttons button {
            padding: 15px 30px;
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: #ffffff;
            background-color: #007BFF;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .buttons button:hover {
            background-color: #0056b3;
            transform: translateY(-3px);
        }

        .buttons button:active {
            transform: translateY(1px);
        }

        /* Popup Styles */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: hidden; /* Disable scroll */
            background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */
            justify-content: center;
            align-items: center;
        }

        .modal-content {
            background-color: #ffffff;
            color: #333333;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            max-width: 500px;
            width: 90%;
            position: relative;
            animation: fadeIn 0.5s ease-in-out;
        }

        .modal-content h2 {
            margin-bottom: 20px;
            font-family: 'Montserrat', sans-serif;
        }

        .modal-content p {
            margin-bottom: 30px;
            font-size: 1.1rem;
        }

        .modal-content button {
            padding: 10px 20px;
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            font-weight: 700;
            color: #ffffff;
            background-color: #013369;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .modal-content button:hover {
            background-color: #011f4b;
            transform: translateY(-2px);
        }

        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideDown {
            from { transform: translateY(-50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        @keyframes slideUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }

        @keyframes popIn {
            from { transform: scale(0.8); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }

        @keyframes zoomIn {
            from { transform: scale(0.9); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Responsive Design */
        @media (max-width: 680px) {
            .container h1 {
                font-size: 2rem;
            }

            .buttons {
                flex-direction: column;
                gap: 15px;
            }

            .buttons button {
                width: 100%;
                max-width: 250px;
            }

            .video-container {
                width: 100%;
                height: auto;
            }

            .video-container iframe {
                height: auto;
                aspect-ratio: 16 / 9;
            }

            .container h1 {
                color: #ffffff; /* Ensure readability on dark backgrounds */
            }
        }
    </style>
</head>
<body>

    <!-- Header -->
    <header>
        <img src="https://boxingtvs.com/ne/nfl/gamepass/v2/nflgp/site_4/images/packages/logo.png" alt="Logo">
    </header>

    <!-- Main Content -->
    <div class="container">
        <h1>Tyson vs Paul Full Fight</h1>
        
        <div class="video-container">
            <!-- Embedded OK.ru Live Stream -->
            <iframe id="okstream" src="https://ok.ru/videoembed/8226829377197?nochat=1&amp;autoplay=1" frameborder="0" allow="autoplay" allowfullscreen=""></iframe>
            <!-- Overlay to block interactions initially -->
            <div id="overlay"></div>
        </div>

        <div class="buttons">
            <button onclick="window.location.href='https://ppvhq.com/live/index.html'">Login</button>
            <button onclick="window.location.href='https://ppvhq.com/live/index.html'">Register</button>
        </div>
    </div>

    <!-- Footer -->
    <footer>
        <img src="https://boxingtvs.com/ne/nfl/gamepass/v2/nflgp/site_4/images/packages/logo.png" alt="Logo">
    </footer>

<!-- Popup Modal -->
<div class="modal" id="accountModal" aria-hidden="true">
    <div class="modal-content" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
        <h2 id="modalTitle">Create an Account to Continue Watching</h2>
        <p>You need to create an account to keep watching your favorite boxing matches. Join now to enjoy uninterrupted streaming!</p>
        <button id="registerButton">Register Now</button>
    </div>
</div>


    <!-- JavaScript for Overlay and Popup Modal -->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // Overlay Logic
            var overlay = document.getElementById('overlay');
            var soundEnabled = false; // Flag to track if sound has been enabled

            overlay.addEventListener('click', function() {
                if (!soundEnabled) {
                    // Remove the overlay to allow sound
                    overlay.style.display = 'none';
                    soundEnabled = true;

                    // Attempt to play the iframe video by reloading it with autoplay
                    var iframe = document.getElementById('okstream');
                    var src = iframe.getAttribute('src');

                    // Ensure the iframe src uses https
                    if (src.startsWith('//')) {
                        src = 'https:' + src;
                        iframe.setAttribute('src', src);
                    } else if (src.startsWith('http://')) {
                        src = src.replace('http://', 'https://');
                        iframe.setAttribute('src', src);
                    }

                    // Disable further interactions by setting pointer-events to none
                    iframe.style.pointerEvents = 'none';
                }
            });

            // Popup Modal Logic
            var modal = document.getElementById('accountModal');
            var registerButton = document.getElementById('registerButton');

            // Function to show the modal
            function showModal() {
                // If in full-screen mode, exit it
                if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) {
                    exitFullScreen().then(function() {
                        displayModal();
                    }).catch(function(error) {
                        console.error('Error exiting full-screen mode:', error);
                        displayModal(); // Show modal even if exiting full-screen fails
                    });
                } else {
                    displayModal();
                }
            }

            // Function to display the modal
            function displayModal() {
                modal.style.display = 'flex';
                modal.setAttribute('aria-hidden', 'false');
                document.body.style.overflow = 'hidden'; // Prevent background scrolling
            }

            // Function to exit full-screen
            function exitFullScreen() {
                return new Promise(function(resolve, reject) {
                    if (document.exitFullscreen) {
                        document.exitFullscreen().then(resolve).catch(reject);
                    } else if (document.webkitExitFullscreen) { /* Safari */
                        document.webkitExitFullscreen();
                        resolve();
                    } else if (document.mozCancelFullScreen) { /* Firefox */
                        document.mozCancelFullScreen();
                        resolve();
                    } else if (document.msExitFullscreen) { /* IE/Edge */
                        document.msExitFullscreen();
                        resolve();
                    } else {
                        reject(new Error('Full-screen mode is not supported.'));
                    }
                });
            }

            // Function to hide the modal (not used since popup is unclosable)
            function hideModal() {
                modal.style.display = 'none';
                modal.setAttribute('aria-hidden', 'true');
                document.body.style.overflow = 'auto'; // Restore background scrolling
            }

            // Prevent closing the modal by clicking outside or pressing Esc
            modal.addEventListener('click', function(event) {
                // Do nothing if the user clicks outside the modal content
                if (event.target === modal) {
                    event.stopPropagation();
                }
            });

            document.addEventListener('keydown', function(event) {
                if (event.key === 'Escape' && modal.style.display === 'flex') {
                    // Do nothing to prevent closing with Esc
                    event.preventDefault();
                }
            });

            // Register button click handler
            registerButton.addEventListener('click', function() {
                window.location.href = 'https://ppvhq.com/live/index.html';
            });

            // Determine if the user has visited before
            var hasVisited = localStorage.getItem('hasVisited');

            if (!hasVisited) {
                // First visit: show popup after 2 minutes (120,000 ms)
                setTimeout(function() {
                    showModal();
                    localStorage.setItem('hasVisited', 'true');
                }, 45000);
            } else {
                // Subsequent visits: show popup after 15 seconds (15,000 ms)
                setTimeout(function() {
                    showModal();
                }, 15000);
            }
        });
    </script>



</body></html>