update

index.html

@@ -48,11 +48,13 @@
         </div>
       </nav>
 
-      <video autoplay muted 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">
+        <button onclick="toggleVideo()">⏯ Video pauzeren/afspelen</button>
 
-
-
+        
     <!-- <div class="container mt-5">
         <h1 class="text-center">Koop je tickets voor Spik en Span!</h1>
         <form id="ticketForm" action="process_ticket.php" method="POST" class="mt-4">

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;
+  }
+  
+