From dac4acf0c562988067aa83883f84d60bfa6ed369 Mon Sep 17 00:00:00 2001
From: Vuong Hoang <vh@phasefinal.com>
Date: Fri, 14 Aug 2026 23:18:47 -0700
Subject: [PATCH] =?UTF-8?q?fix(booth):=20lazy-load=20gallery=20media=20?=
 =?UTF-8?q?=E2=80=94=20preload=3Dnone=20on=20video/audio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A booth of a dozen webms fetched them all at page load
(preload=metadata still pulls real byte ranges per file); nothing
loads now until the viewer hits play.
---
 services/booth/booth/templates/booth.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/services/booth/booth/templates/booth.html b/services/booth/booth/templates/booth.html
index 4ac250f..52b8fcf 100644
--- a/services/booth/booth/templates/booth.html
+++ b/services/booth/booth/templates/booth.html
@@ -29,9 +29,12 @@
       {% if it.kind == 'image' %}
         <a href="view?f={{ it.url }}"><img loading="lazy" src="{{ it.url }}" alt="{{ it.name }}"></a>
       {% elif it.kind == 'video' %}
-        <video controls preload="metadata" src="{{ it.url }}"></video>
+        {# preload="none": a booth of a dozen webms was fetching them
+           all at page load ("metadata" still pulls real ranges per
+           file); nothing loads until the viewer hits play #}
+        <video controls preload="none" src="{{ it.url }}"></video>
       {% elif it.kind == 'audio' %}
-        <audio controls preload="metadata" src="{{ it.url }}"></audio>
+        <audio controls preload="none" src="{{ it.url }}"></audio>
       {% elif it.doc %}
         <a class="dl doc" href="view?f={{ it.url }}" title="view {{ it.name }}">📄 {{ it.name }}</a>
       {% else %}