mirror of
https://github.com/DI0IK/Aufgaben_WE_DHBW.git
synced 2025-07-05 08:48:46 +00:00
Dominik Stahl
2c7aaa7444
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
108 lines
2.3 KiB
HTML
108 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
<body>
|
|
<video
|
|
src="https://shattereddisk.github.io/rickroll/rickroll.mp4"
|
|
nocontrols
|
|
autoplay
|
|
muted
|
|
loop
|
|
></video>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
video {
|
|
max-width: 100vw;
|
|
max-height: 100vh;
|
|
object-fit: cover;
|
|
}
|
|
|
|
video::-webkit-media-controls {
|
|
display: none;
|
|
}
|
|
|
|
video::-webkit-media-controls-enclosure {
|
|
display: none;
|
|
}
|
|
</style>
|
|
<script>
|
|
setInterval(() => {
|
|
document.getElementsByTagName("video")[0].play();
|
|
}, 1000);
|
|
function makeFullscreen() {
|
|
try {
|
|
document.documentElement.requestFullscreen();
|
|
} catch (e) {}
|
|
}
|
|
|
|
document.addEventListener("click", () => {
|
|
makeFullscreen();
|
|
});
|
|
document.addEventListener("fullscreenchange", () => {
|
|
if (!document.fullscreenElement) {
|
|
makeFullscreen();
|
|
}
|
|
});
|
|
|
|
document.addEventListener("contextmenu", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("keydown", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("keyup", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("mousedown", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("mouseup", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("mousemove", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("wheel", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("touchstart", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("touchmove", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
|
|
document.addEventListener("touchend", (e) => {
|
|
e.preventDefault();
|
|
makeFullscreen();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|