update

index.html

@@ -48,9 +48,11 @@
         </div>
       </nav>
 
-      <video autoplay muted loop class="background-video">
-        <source src="img/yt1z.net - Spik Span - Kampioene van de nach de11devande11de 2023 (720p) (1).mp4" type="video/mp4">
+      <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">
+        <button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
 
         
     <!-- <div class="container mt-5">

style.css

@@ -19,6 +19,7 @@
     justify-content: right;
     background-color: #000;
     padding: 10px 20px;
+    color: black;
     }
 
     .logo {
@@ -127,3 +128,22 @@ p {
     margin: 0;
 }
 
+.achtergrond-video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index: -1; 
+  }
+  
+  .inhoud {
+    position: relative;
+    z-index: 1;
+    color: white;
+    text-align: center;
+    margin-top: 20vh;
+  }
+  
+