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

update

Browse Source
This commit is contained in:
EspenVista
2025-04-09 09:21:13 +01:00
parent a38eb5e7af
commit 5af5b7dfd8
2 changed files with 32 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
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> <source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
<video autoplay loop class="background-video"> </video>
<source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
</video> <button onclick="toggleVideo()">⏯
<div class="inhoud">
<button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button> </button>
</div>
</div> <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">

8
style.css
View File

@@ -100,8 +100,16 @@
max-width: 100%; max-width: 100%;
height: auto; height: auto;
margin-top: 15px; margin-top: 15px;
display: flex;
justify-content: center;
} }
.inhoud button { .inhoud button {
margin-top: 10px; margin-top: 10px;
} }
.background-video {
display: flex;
justify-content: center;
}