Videos: the seek bar is out of sight (and out of reach) while a clip plays. A tap near the foot of the screen brings it up for a few seconds without pausing (longer while it's dragged), and a paused clip shows it.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_013ZDf1cyCQLkfjftYhymZAg

2 files changed, 19 insertions, 4 deletions

diff --git a/src/features/messages.js b/src/features/messages.js
index 030d397..02e418d 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -14487,6 +14487,12 @@ export function messagesFeature(ctx) {
   // (the clip holds still meanwhile, and the time shows); the drag is the
   // bar's alone, never the pager's swipe or its tap.
   const clock = (t) => { t = Math.max(0, Math.floor(t || 0)); const m = Math.floor(t / 60), x = t % 60; return m + ':' + String(x).padStart(2, '0'); };
+  // up for a few seconds, and on while a finger is on it
+  function revealSeek(bar) {
+    bar.classList.add('reveal');
+    clearTimeout(bar._hide);
+    bar._hide = setTimeout(() => { if (bar._drag) revealSeek(bar); else bar.classList.remove('reveal'); }, 3500);
+  }
   function seekBar(v) {
     const fill = h('div', { class: 'mp-seek-fill' });
     const time = h('span', { class: 'mp-seek-time' });
@@ -14517,6 +14523,7 @@ export function messagesFeature(ctx) {
       if (!d || d.id !== e.pointerId) return;
       bar._drag = null;
       bar.classList.remove('drag');
+      if (bar.classList.contains('reveal')) revealSeek(bar); // a few seconds more after the drag
       if (e.type === 'pointerup') to(frac(e));
       if (d.playing) v.play().catch(() => {});
     };
@@ -15245,7 +15252,7 @@ export function messagesFeature(ctx) {
       pendingTap = setTimeout(() => {
         pendingTap = 0;
         const btn = d.target.closest && d.target.closest('button, a');
-        if (btn) btn.click(); else pagerTap(d.target); // (the click here is before tapDoneAt: not swallowed)
+        if (btn) btn.click(); else pagerTap(d.target, t.clientY); // (the click here is before tapDoneAt: not swallowed)
         tapDoneAt = Date.now();
       }, 120);
     }, { passive: true });
@@ -15260,11 +15267,16 @@ export function messagesFeature(ctx) {
       if (pendingTap) { clearTimeout(pendingTap); pendingTap = 0; }
       else if (Date.now() - tapDoneAt < 700) { e.stopPropagation(); e.preventDefault(); }
     }, true);
-    el.addEventListener('click', (e) => pagerTap(e.target));
+    el.addEventListener('click', (e) => pagerTap(e.target, e.clientY));
     // a tap shows (or hides) who posted it and what they said
-    function pagerTap(target) {
+    function pagerTap(target, y) {
       if (target.closest('button, a, .mp-caption, .mp-seek')) return;
       if (Date.now() - videoTapAt < 800) return; // the click of the touch that opened it
+      // The seek bar is out of sight while a clip plays (Adam, 2026-10-19:
+      // only when someone goes for it, or pauses): a tap near the foot of
+      // the screen, where it sits, brings it up without pausing.
+      const bar = pager && video && pager.cur && pager.cur.querySelector('.mp-seek.ready');
+      if (bar && y != null && !el.classList.contains('show') && y >= bar.getBoundingClientRect().top - 72) { revealSeek(bar); return; }
       if (pager && video) {
         // A clip (from the feed or the media grid): a tap anywhere but the
         // seek bar and the buttons pauses it and brings up who posted it,
diff --git a/src/style.css b/src/style.css
index 4a5661e..6e1097a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1729,7 +1729,10 @@ body::after {
   position: absolute; left: 16px; right: 16px; bottom: var(--mp-seek-lift); z-index: 3; height: 28px;
   display: flex; align-items: flex-end; touch-action: none; cursor: pointer; visibility: hidden; opacity: 0;
 }
-.mp-seek.ready { visibility: visible; opacity: 1; transition: opacity .18s; }
+/* out of sight (and out of reach: a tap there must not jump the clip) while
+   it plays; up when paused (.show), after a tap near the foot (.reveal), or held */
+.mp-seek.ready { visibility: visible; opacity: 0; pointer-events: none; transition: opacity .18s; }
+.media-pager.show .mp-seek.ready, .mp-seek.ready.reveal, .mp-seek.ready.drag { opacity: 1; pointer-events: auto; }
 /* only the clip on screen's bar, and not while the pager is in motion (a
    finger, a glide, a flight): it goes at once and fades back in on landing */
 .mp-slide:not(.mp-cur) .mp-seek, .media-pager.moving .mp-seek { opacity: 0; transition: none; pointer-events: none; }