dominik/DHBW_WE_Aufgaben
1
0
Fork 0
mirror of https://github.com/DI0IK/Aufgaben_WE_DHBW.git synced 2025-07-06 08:58:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compare commits

base: dominik:d972c0d598662873168b61637674db606ff745e4
Branches Tags
dominik:main
...
compare: dominik:2c7aaa7444414370d38232fbe3b322032db3f4db
Branches Tags
dominik:main

5 commits
d972c0d598 ... 2c7aaa7444

Author SHA1 Message Date
Dominik Stahl
2c7aaa7444 Add auto-play functionality to video element and enhance fullscreen error handling
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details
2025-02-18 14:22:57 +01:00
Dominik Stahl
9455278f41 Add loop attribute to video element in rick.html for continuous playback 2025-02-18 14:14:35 +01:00
Dominik Stahl
e43ebe49ef Enhance fullscreen functionality by adding event listeners for various user interactions 2025-02-18 14:12:49 +01:00
Dominik Stahl
d74cffab3b Update registration form to redirect to a new Rickroll page and add the page with video 2025-02-18 14:10:30 +01:00
Dominik Stahl
d934cb9a63 Update button actions to redirect to YouTube video on click 2025-02-18 13:59:27 +01:00
2 changed files with 109 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
PlantX/register/index.html
View file

@ -20,7 +20,7 @@
Registriere dich, teile deine Freude an Pflanzen und lerne von einer
großartigen Community!
</p>
<form action="/register" method="post" class="font-body-s">
<form action="../../rick.html" method="get" class="font-body-s">
<div class="input-group">
<label for="username"> Dein Name </label>
<input name="name" id="username" type="text" />

108
rick.html Normal file
View file

@ -0,0 +1,108 @@
<!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>