alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 11:17:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/Alvin-Zilverstand/Spik-en-span

Browse Source
This commit is contained in:
vista-man
2025-04-09 10:24:55 +02:00
parent 226559eaea 5af5b7dfd8
commit 718890d42d
2 changed files with 41 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@@ -51,15 +51,30 @@
</div> </div>
</nav> </nav>
<div class="video-container text-center"> <video id="myVideo" autoplay loop class="background-video">
<h1>KAMPIOENEN VAN DE NACH</h1>
<video autoplay loop class="background-video">
<source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4"> <source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
</video> </video>
<div class="inhoud">
<button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button> <button onclick="toggleVideo()">⏯
</div>
</div> </button>
<script>
function toggleVideo() {
const video = document.getElementById('myVideo');
if (video.paused) {
video.play();
} else {
video.pause();
}
}
</script>
<!-- <div class="container mt-5"> <!-- <div class="container mt-5">

18
style.css
View File

@@ -143,6 +143,20 @@ p {
z-index: 1; z-index: 1;
color: white; color: white;
text-align: center; text-align: center;
margin-top: 20vh; margin-top: 20px;
} }
.background-video {
max-width: 100%;
height: auto;
margin-top: 15px;
display: flex;
justify-content: center;
}
.background-video {
display: flex;
justify-content: center;
}