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

index.html

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

style.css

@@ -143,6 +143,20 @@ p {
     z-index: 1;
     color: white;
     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;
+
+}