Changeset d43ea3f in Klonkt for src/assets/css/embed.css

Timestamp:

06/20/2026 04:22:32 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

71e8fa5

Parents:

b56afa7

Message:

feat(embed): YouTube playlist/album as audio on the site

An audio-only YouTube embed with ?list=… now renders as an album card (same
style as own albums): cover + album name + numbered track list (titles via the
oEmbed proxy; video IDs via getPlaylist). Clicking a track or the album art
plays via the site audio player (loadPlaylist on index → next/prev within the
album; title/cover update per track; row highlight via #track-<videoId>).
Duration per track is empty (—:—) — not available without a YouTube Data API key.
busters audio-player.js?v=23, embed-player.js?v=12, embed.css?v=7.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/css/embed.css (modified) (1 diff)

src/assets/css/embed.css

@@ -133 +133 @@
   pointer-events: none;
 }
+/* YouTube-afspeellijst als album-kaart: geen losse embed-card-chrome, de
+ * .post-album-stijl (uit style.css) stuurt de weergave. */
+.pcms-ytalbum { background: none; border: 0; padding: 0; margin: 1.5rem 0; }
+.pcms-ytalbum-msg { padding: .75rem 1rem; color: var(--ink-soft, #6b6560); font-size: .9rem; }
+
 /* Audio-only embed-kaart die nu via de onderbalk speelt = launcher-hint. */
 .pcms-embed-elsewhere { opacity: .9; }