#I LOVE YOU EVERDAY#

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Gallery</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>

<div class="container mt-5">
        <h2 class="mb-4">Video Gallery</h2>

<div class="row">
            <?php
            $videoDirectory = 'uploads/';
            $videoFiles = glob($videoDirectory . '*.{mp4,avi,mov,mkv,MOV,MP4,AVI,MKV}', GLOB_BRACE | GLOB_NOCHECK);

foreach ($videoFiles as $videoFile) {
                $videoFileName = basename($videoFile);
                echo '<div class="col-md-4 mb-4">';
                echo '<div class="card">';
                echo '<div class="card-body">';
                echo '<h5 class="card-title">' . $videoFileName . '</h5>';
                echo '<video width="100%" height="200" controls>';
                echo '<source src="' . $videoFile . '" type="video/mp4">';
                echo 'Your browser does not support the video tag.';
                echo '</video>';
                echo '</div>';
                echo '</div>';
                echo '</div>';
            }
            ?>
        </div>

</div>

</body>
</html>