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

refactor video section layout and styles for improved presentation

Browse Source
This commit is contained in:
vista-man
2025-04-08 13:26:57 +02:00
parent 02815bfc8b
commit 9f08c5d6dc
2 changed files with 26 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -42,14 +42,15 @@
</div> </div>
</nav> </nav>
<H1>KAMPIOENEN VAN DE NACH</H1> <div class="video-container text-center">
<h1>KAMPIOENEN VAN DE NACH</h1>
<video autoplay loop class="background-video"> <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>
<div class="inhoud"> <div class="inhoud">
<button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button> <button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
</div> </div>
</div>
<!-- <div class="container mt-5"> <!-- <div class="container mt-5">

19
style.css
View File

@@ -85,4 +85,23 @@
.item button { .item button {
width: 100%; width: 100%;
}
.video-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 20px;
}
.background-video {
max-width: 100%;
height: auto;
margin-top: 15px;
}
.inhoud button {
margin-top: 10px;
} }