mirror of
https://github.com/milk-net/milk-net.github.io.git
synced 2025-04-19 21:53:40 -05:00
71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
<!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="fun.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>
|