added video import and playback functionality

2025-08-03 20:42:49 -04:00
parent 3c3bfed75f
commit c480a176c2
5 changed files with 111 additions and 34 deletions
@@ -3,10 +3,15 @@
  {% for image in images.items %}
    <div class="gallery-item">
      <div class="gallery-thumb img-clickable"
-           data-full="{{ url_for('main.serve_image', filename=image.filepath | replace('/images/', '') ) }}"
-           style="background-image: url('{{ url_for('main.serve_image', filename=(image.thumb_path or image.filepath) | replace('/images/', '') ) }}');"
-           data-filename="{{ image.filename }}">
+          data-full="{{ url_for('main.serve_image', filename=image.filepath | replace('/images/', '') ) }}"
+          data-type="{{ 'video' if image.filename.lower().endswith(('.mp4', '.mov')) else 'image' }}"
+          style="background-image: url('{{ url_for('main.serve_image', filename=(image.thumb_path or image.filepath) | replace('/images/', '') ) }}');"
+          data-filename="{{ image.filename }}">
+        {% if image.filename.lower().endswith(('.mp4', '.mov')) %}
+          <div class="play-overlay">▶</div>
+        {% endif %}
      </div>
+
      <a href="{{ url_for('main.artist_gallery', artist_name=image.artist) }}">{{ image.artist }}</a>
      <span class="image-date">{{ image.taken_at or image.imported_at | datetimeformat }}</span>
    </div>