Edit File - work.php

<?php
include("header.php");
?>
  <head>
    <style>
.media-box {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
}

.media-box img,
.media-box video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    object-fit: cover;
}
</style>
  </head>
        
        <main class="wrapper">
            
            <div class="wptb-page-heading" style="background-image: url('assets/img/background/page-header-bg.jpg');">
                <div class="container">
                    <div class="wptb-item--inner">
                        <h2 class="wptb-item--title ">Our Work</h2>
                        <div class="wptb-breadcrumb-wrap">
                            <ul class="wptb-breadcrumb">
                                <li><a href="index.php">Home</a></li>
                                <li><span>Work Done</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

<section class="wptb-blog-grid-one pd-bottom-300">
                <div class="container">
                    
                    <div class="row">

<?php
include 'admin/config.php'; // adjust as per your setup

// List of supported video extensions
$video_extensions = ['mp4', 'webm', 'ogg', 'mov', 'mkv'];

$query = "SELECT * FROM gallery ORDER BY sno DESC";
$result = $conn->query($query);

while ($row = $result->fetch_assoc()) {
    $file = $row['content'];
    $file_path = './admin/img/work_gallery/' . $file;
    $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));

echo '<div class="col-lg-6 col-md-6 col-sm-6">';
    echo '<div class="wptb-blog-grid1 wow fadeInLeft">';
    echo '<div class="wptb-item--inner">';
    echo '<div class="wptb-item--image media-box">';

if (in_array($ext, $video_extensions)) {
        echo '<video controls>';
        echo '<source src="' . $file_path . '" type="video/' . $ext . '">';
        echo 'Your browser does not support the video tag.';
        echo '</video>';
    } else {
        echo '<img src="' . $file_path . '" alt="media">';
    }

echo '</div></div></div></div>';
}
?>

</div>
                </div>
            </section>

</main>

<?php
      include("footer.php");
      ?>

Kembali