diff --git a/includes/navigation.php b/includes/navigation.php
index 0ceb42b..15fddc2 100644
--- a/includes/navigation.php
+++ b/includes/navigation.php
@@ -12,7 +12,8 @@ if ($host == 'dev.dtch.online') {
         <a href="last_stats.php">Last quarter %</a>
         <a href="latestmatches.php">Last Matches</a>
         <a href="topstats.php">Top20</a>
-        <a href="user_stats.php">User Stats</a>       
+        <a href="user_stats.php">User Stats</a>
+        <a href="videos.php">Videos</a>
     </div>
     <a href="javascript:void(0);" class="icon" onclick="myFunction()">
         <i class="fa fa-bars"></i>
diff --git a/includes/styles.css b/includes/styles.css
index 6ba4400..cf3919d 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -240,3 +240,25 @@ td, th {
     background-color: #0f0f0f;
     color: #e69109;
 }
+
+/* Videos page styles */
+.videos-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    justify-content: center;
+    padding: 1rem;
+}
+.video-item {
+    flex: 1 1 300px;
+    max-width: 100%;
+}
+.video-item video {
+    max-width: 100%;
+    max-height: 80vh;
+    width: auto;
+    height: auto;
+    object-fit: contain;
+    display: block;
+    margin: 0 auto;
+}
diff --git a/includes/styles_mobile.css b/includes/styles_mobile.css
index 70bdf9e..e6aaff5 100644
--- a/includes/styles_mobile.css
+++ b/includes/styles_mobile.css
@@ -81,4 +81,23 @@ table {
 section h2 {
     margin-top: 10px;
    
+}
+/* Videos page responsive adjustments */
+.videos-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    justify-content: center;
+    padding: 1rem;
+}
+.video-item {
+    flex: 1 1 100%;
+    max-width: 100%;
+}
+.video-item video {
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 0 auto;
 }
\ No newline at end of file
diff --git a/videos.php b/videos.php
new file mode 100644
index 0000000..80805ef
--- /dev/null
+++ b/videos.php
@@ -0,0 +1,58 @@
+<?php
+$ogDescription = "Bekijk alle video's";
+
+// Scan the media/videos directory for mp4 files
+$videosDir = __DIR__ . '/media/videos';
+$allFiles = scandir($videosDir);
+$videoFiles = array_filter($allFiles, function($file) use ($videosDir) {
+    return is_file($videosDir . '/' . $file) && strtolower(pathinfo($file, PATHINFO_EXTENSION)) === 'mp4';
+});
+
+// Build array with creation time and sort by creation date descending
+$videoData = [];
+foreach ($videoFiles as $file) {
+    $path = $videosDir . '/' . $file;
+    $videoData[] = [
+        'filename' => $file,
+        'ctime' => filectime($path)
+    ];
+}
+usort($videoData, function($a, $b) {
+    return $b['ctime'] - $a['ctime'];
+});
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<?php include './includes/head.php'; ?>
+
+<body>
+    <?php include './includes/navigation.php'; ?>
+    <?php include './includes/header.php'; ?>
+    <main>
+        <section>
+            <h2>Videos</h2>
+
+            <?php if (!empty($videoData)): ?>
+                <div class="videos-container">
+                    <?php foreach ($videoData as $video): ?>
+                        <div class="video-item">
+                            <video controls>
+                                <source src="media/videos/<?php echo htmlspecialchars($video['filename']); ?>" type="video/mp4">
+                                Your browser does not support the video tag.
+                            </video>
+                            <p><?php echo pathinfo($video['filename'], PATHINFO_FILENAME); ?></p>
+                            <p><?php echo date('d-m-Y H:i', $video['ctime']); ?></p>
+                        </div>
+                    <?php endforeach; ?>
+                </div>
+            <?php else: ?>
+                <p>No videos found.</p>
+            <?php endif; ?>
+
+        </section>
+    </main>
+
+    <?php include './includes/footer.php'; ?>
+</body>
+</html>
\ No newline at end of file
