- ID de l'analyse :
- 5e1ba6f8-f935-4c8c-8f31-0012b8f52899Terminée
- URL soumise :
- https://shorturl.at/PyePHRedirigé
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 4 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!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&family=Roboto:wght@400&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&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>