- 掃描 ID：
- 5e1ba6f8-f935-4c8c-8f31-0012b8f52899已完成
- 已提交的 URL：
- https://shorturl.at/PyePH已重新導向
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 4 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
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&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>