From 2179ddcc8112ff091a1d42f9574b832ad345140e Mon Sep 17 00:00:00 2001
From: "prompt.ac/@jeffrey" <mail@aesthetic.computer>
Date: Wed, 22 Apr 2026 13:38:18 -0700
Subject: [PATCH] lacma-2026 page: version-stamp video URLs to bust browser
 cache
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Videos (and posters) now carry ?v=3 on every <source> and in the JS
tab-swap handler. Bump the V constant whenever the binaries are
re-rendered so returning visitors always see the latest cut — the CDN
serves fresh bytes (cf-cache-status: BYPASS on mp4/webm) but the
browser caches aggressively by URL.
---
 system/public/lacma-2026/index.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/system/public/lacma-2026/index.html b/system/public/lacma-2026/index.html
index bac9477c7f..7d6c71a2ee 100644
--- a/system/public/lacma-2026/index.html
+++ b/system/public/lacma-2026/index.html
@@ -617,11 +617,11 @@
     <div class="demo-pair">
       <div class="demo-frame">
         <video id="demo-video"
-          poster="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated-poster.jpg"
+          poster="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated-poster.jpg?v=3"
           autoplay muted loop playsinline controls preload="metadata">
-          <source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.webm" type="video/webm">
-          <source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4" type="video/mp4">
-          Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4">Download the MP4</a>.
+          <source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.webm?v=3" type="video/webm">
+          <source src="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=3" type="video/mp4">
+          Your browser doesn't support HTML5 video. <a href="https://assets.aesthetic.computer/lacma-2026/ac-native-demo-narrated.mp4?v=3">Download the MP4</a>.
         </video>
       </div>
       <div class="demo-hardware">
@@ -646,6 +646,7 @@
       const tabs = document.querySelectorAll(".demo-tab");
       const video = document.getElementById("demo-video");
       const ASSET_BASE = "https://assets.aesthetic.computer/lacma-2026";
+      const V = "?v=3";  // bump when videos are re-rendered
       tabs.forEach(tab => tab.addEventListener("click", () => {
         if (tab.classList.contains("active")) return;
         tabs.forEach(t => t.classList.remove("active"));
@@ -655,9 +656,9 @@
         const wasMuted = video.muted;
         video.pause();
         video.innerHTML = `
-          <source src="${ASSET_BASE}/${base}.webm" type="video/webm">
-          <source src="${ASSET_BASE}/${base}.mp4" type="video/mp4">`;
-        video.poster = `${ASSET_BASE}/${poster}.jpg`;
+          <source src="${ASSET_BASE}/${base}.webm${V}" type="video/webm">
+          <source src="${ASSET_BASE}/${base}.mp4${V}" type="video/mp4">`;
+        video.poster = `${ASSET_BASE}/${poster}.jpg${V}`;
         // Narrated tab → prefer unmuted so VO plays (browser may block).
         video.muted = base.includes("narrated") ? false : true;
         video.load();
-- 
2.54.0