-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsecret-section.html
72 lines (71 loc) · 3.1 KB
/
secret-section.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="EV, ender vanilla, mc, minecraft">
<meta name="description" content="Ender vanilla лучшая безвайповая ваниллла | Minecraft сервер">
<title>Ender vanilla</title>
<link rel="shortcut icon" href="/img/ev.webp" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Секретный раздел</title>
<link rel="stylesheet" href="styles.css">
<script src="loadComponent.js" defer></script>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #000;
color: #fff;
text-align: center;
overflow: hidden; /* Скрыть прокрутку */
}
.container {
margin: 20px;
position: relative; /* Для позиционирования видео относительно контейнера */
}
.play-button {
display: inline-block;
padding: 10px 20px;
font-size: 1em;
color: white;
background-color: #007BFF;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 20px;
}
.play-button:hover {
background-color: #0056b3;
}
video {
display: none; /* Скрыть видео до нажатия кнопки */
position: absolute; /* Позиционировать видео относительно контейнера */
top: 110%; /* Поместить видео ниже контейнера */
left: 50%;
transform: translateX(-50%); /* Центрировать по горизонтали */
width: 50vw; /* Ширина 50% от ширины экрана */
height: 50vh; /* Высота 50% от высоты экрана */
object-fit: cover; /* Обеспечить заполнение экрана */
z-index: 1000; /* Убедиться, что видео поверх других элементов */
}
.message {
margin-top: 20px;
font-size: 1.2em;
}
</style>
</head>
<body>
<div id="header-placeholder"></div>
<div class="container">
<h1>Поздравляем! Вы нашли секретный раздел!</h1>
<p class="message">Нажмите кнопку ниже, чтобы посмотреть эксклюзивное видео:</p>
<button class="play-button" onclick="showRickRollVideo()">Посмотреть видео</button>
<video id="video-player" autoplay playsinline loop>
<source src="vid/Rick Astley - Never Gonna Give You Up (Official Music Video).mp4" type="video/mp4">
Ваш браузер не поддерживает видео.
</video>
</div>
</body>
</html>