mirror of
https://github.com/milk-net/milk-net.github.io.git
synced 2025-04-19 21:53:40 -05:00
Create index.html
This commit is contained in:
parent
ec526f56bf
commit
18d0f4dfdd
1 changed files with 72 additions and 0 deletions
72
stuff/index.html
Normal file
72
stuff/index.html
Normal file
|
@ -0,0 +1,72 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>MilkNet</title>
|
||||
<link rel="icon" type="image/png" href="/assets/img/milk.png"/>
|
||||
<style>body{max-width:1000px;margin:auto;background-color:black;color:white;font-family:Arial;}a{color:#05d5ff}</style>
|
||||
<style>
|
||||
img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.center-text {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="https://voxel.fsky.io/badges/virusalert.gif" class="center" title="Virus Alert! Click Here" onclick="goFullscreenAndPlay()" width="88" height="31">
|
||||
<video id="videoPlayer" style="display: none;" width="100%" height="100%">
|
||||
<source src="https://voxel.fsky.io/fire/vid/It seems today.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
||||
<script>
|
||||
function goFullscreenAndPlay() {
|
||||
let video = document.getElementById("videoPlayer");
|
||||
video.style.display = "block";
|
||||
|
||||
if (video.requestFullscreen) {
|
||||
video.requestFullscreen();
|
||||
} else if (video.mozRequestFullScreen) {
|
||||
video.mozRequestFullScreen();
|
||||
} else if (video.webkitRequestFullscreen) {
|
||||
video.webkitRequestFullscreen();
|
||||
} else if (video.msRequestFullscreen) {
|
||||
video.msRequestFullscreen();
|
||||
}
|
||||
|
||||
video.play();
|
||||
|
||||
document.addEventListener("fullscreenchange", exitHandler);
|
||||
document.addEventListener("webkitfullscreenchange", exitHandler);
|
||||
document.addEventListener("mozfullscreenchange", exitHandler);
|
||||
document.addEventListener("MSFullscreenChange", exitHandler);
|
||||
}
|
||||
|
||||
function exitHandler() {
|
||||
if (!document.fullscreenElement &&
|
||||
!document.webkitFullscreenElement &&
|
||||
!document.mozFullScreenElement &&
|
||||
!document.msFullscreenElement) {
|
||||
|
||||
let video = document.getElementById("videoPlayer");
|
||||
video.pause();
|
||||
video.style.display = "none";
|
||||
|
||||
document.removeEventListener("fullscreenchange", exitHandler);
|
||||
document.removeEventListener("webkitfullscreenchange", exitHandler);
|
||||
document.removeEventListener("mozfullscreenchange", exitHandler);
|
||||
document.removeEventListener("MSFullscreenChange", exitHandler);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<h1 class="center-text">Click me ;)</h1>
|
||||
</body>
|
||||
</html>
|
||||
</head>
|
Loading…
Add table
Reference in a new issue