Walkthroughs: stop autoplaying muted, and show the length

Marty asked why they start muted. Browsers only permit autoplay when a video
is muted, so "expand and play" necessarily meant "expand and play silently" —
and for these that is the wrong trade, because the narration IS the training.
A member's first visit was showing them a silent walkthrough.

So the panel now opens paused with the play button showing. Pressing it is a
user gesture, which means it plays with sound, every time. preload stays
'none' until the panel opens, then goes to 'metadata' so an open panel shows
a real first frame instead of a black rectangle.

Each bar now also carries its runtime ("· 71 sec"), so nobody has to guess
whether they are committing to one minute or ten.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-28 14:31:08 -05:00
parent 72529d0916
commit 1dbee99c49
13 changed files with 24 additions and 21 deletions
+1 -1
View File
@@ -73,6 +73,6 @@ curl -H "Authorization: Bearer YOUR_KEY" \
<p class="d-note"><strong style="color:var(--text)">Everything here obeys the same rules as the rest of the Suite</strong> — no income claims, no invented figures, POL quantities only, Premium only. Generating a week does not post anything anywhere; it hands you the words and you decide what goes out. <br><br>Independent team resource · No income is guaranteed · Cryptocurrency involves risk.</p>
</main>
<script src="/suite-founder.js"></script>
<script src="/tool-video.js" data-video="/tv/suite-founder-desk.mp4" data-title="Watch the Founder Desk walkthrough" data-key="founder" defer></script>
<script src="/tool-video.js" data-video="/tv/suite-founder-desk.mp4" data-secs="· 55 sec" data-title="Watch the Founder Desk walkthrough" data-key="founder" defer></script>
<script src="/chat.js" defer></script>
<script src="/translate.js" defer></script><script src="/tg-app.js" defer></script><script src="/nav-dash.js" defer></script></body></html>