Support Video Files

css/style.css

@@ -230,6 +230,18 @@ input[type=checkbox]{
   height: 100%;
 }
 
+.content-single .single-video {
+  object-fit: contain;
+  grid-column: 1 / 4;
+  grid-row: 1 / 2;
+}
+
+.content-single .single-video video {
+  width: 100%;
+  height: auto;
+  max-height: 100%;
+}
+
 /* Clickable Areas in Single Image View */
 .content-single .clickable {
   position: relative;

index.php

@@ -73,7 +73,7 @@ if (isset($_SESSION[$cdir])
   $rmdirs[] = '..';
   $files = array_diff(scandir($imagedir.$dir, SCANDIR_SORT_DESCENDING), $rmdirs);
   // Filter Unsupported Files
-  $files = array_values(preg_grep('/.*\.(?!(webm|sh)).*/i', $files));
+  $files = array_values(preg_grep('/.*\.(?!(db|sh)).*/i', $files));
   $_SESSION[$cdir]['f'] = isset($files) ? $files : null;
   $_SESSION[$cdir]['d'] = isset($dirs) ? $dirs : null;
   $_SESSION[$cdir]['t'] = time();
@@ -162,6 +162,7 @@ if (!empty($curfiles)| !empty($dirs)) {
     foreach ($curfiles as $index => $image) {
       $data['imageurl'] = str_replace("'", "'", $imageurl.$dir.'/'.$image);
       $data['imagename'] = $image;
+      $data['filetype'] = mime_content_type(Helpers::end_dir($imagedir.$dir).$image);
       $data['tags'] = array_filter(explode(" ", pathinfo(trim(strstr(strtolower($image), ' - '), " -"))['filename']));
     }
     Template::view('tpl/single.html', $data);

lib/thumbs.class.php

@@ -37,6 +37,12 @@ class thumb {
     $dstpath = $this->thumbdir.$dstname.'.jpg';
 
     if (!file_exists($dstpath)) {
+      
+      if(str_starts_with(mime_content_type($src), 'video/')) {
+        error_log("$src: Video File");
+        return "img/video.png";
+      }
+
       $type  = exif_imagetype($src);
       if ($type == 0) {
         error_log("$src: Unknown Image Type");

tpl/single.html

@@ -10,9 +10,17 @@
   {% else: %}
   <div class="content-single notags">
   {% endif %}
+  {% if(str_starts_with($filetype, 'video/')): %}
+    <div class="single-video">
+      <video controls muted loop>
+        <source src='{{ $imageurl }}' type='{{ $filetype }}'>
+      </video>
+    </div>
+  {% else: %}
     <div class="single-image">
       <img src='{{ $imageurl }}' title="{{ $page }}/{{ $last_page }}" />
     </div>
+  {% endif %}
     {% if ($page > 1): %}
     <a id="link-prev" class="clickable clickable-left" href="/index.php?d={{ $dir }}&so={{ $sort }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
       <div></div>