From 738bace91bcd17c0ab8ba920fe2f0765f6504fc8 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Wed, 7 Oct 2026 16:16:28 -0700 Subject: Videos: posters for clips that came without one, and an H.264 copy for a clip this browser can't picture (an iPhone's HEVC on Chrome for Linux played sound over black) — vmedia container on cs (bun + ffmpeg, /vmedia/), switch on zero-width metadata or an HEVC header from the probe, a line saying why if the copy fails too MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- src/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 5acd9ea..7fb4c0a 100644 --- a/src/style.css +++ b/src/style.css @@ -1494,6 +1494,14 @@ body::after { display: flex; align-items: center; justify-content: center; font-size: 22px; padding-left: 4px; } .note-video-box .vid-heavy { min-height: 120px; } +/* a clip whose picture this browser can't decode, even as the server's copy: + its sound plays, this says why the box is black */ +.vid-nopic { + position: absolute; left: 0; right: 0; top: 40%; z-index: 2; padding: 0 16px; + display: flex; flex-direction: column; align-items: center; gap: 6px; pointer-events: none; + color: #fff; font-size: 14px; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); +} +.vid-nopic a { color: #fff; text-decoration: underline; pointer-events: auto; } .media-tile-cost { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .8); font-size: 12px; font-weight: 600; background: #16181d; -- cgit v1.2.3