Update index.html

FekraSolutions · web-flow · commit 5f0cd935e53b · 2025-01-21T17:23:00.000+02:00
diff --git a/index.html b/index.html
@@ -93,6 +93,22 @@
   height: 50px;
   cursor: pointer;
 }
+                .background-video {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            z-index: -1;
+        }
+        .content {
+            position: relative;
+            z-index: 1;
+            font-family: Arial, sans-serif;
+            text-align: center;
+            margin-top: 20%;
+        }
     </style>
 </head>
 <body>
@@ -103,6 +119,11 @@
             <option value="ar">العربية</option>
         </select>
     </div>
+        <!-- Background Video -->
+    <video class="background-video" autoplay muted playsinline id="backgroundVideo">
+        <source src="media/intro.mp4" type="video/mp4">
+        Your browser does not support the video tag.
+    </video>
     <div class="label-container">
         <div class="label" onclick="location.href='apps.html'">Applications</div>
         <div class="label" onclick="location.href='services.html'">Our Services</div>
@@ -148,6 +169,11 @@
   document.getElementById('contact-us-container').appendChild(contactOptions);
 });
 
+                const video = document.getElementById('backgroundVideo');
+        video.addEventListener('ended', () => {
+            video.pause(); // Ensure it doesn't restart
+            video.currentTime = video.duration; // Hold at the last frame
+        });
 </script>
 </body>
 </html>
