Changeset 73b41eb in Klonkt for src/assets/css/embed.css

Timestamp:

06/20/2026 03:42:00 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9e6b54f

Parents:

389aa99

Message:

feat(embed): YouTube audio-only option in posts

Per embed you now choose audio-only or video. [[embed:audio:URL]] (YouTube)
renders as an audio card with our controls (play/seek/volume + thumbnail as
cover); the YT player runs hidden off-screen and provides only the sound.
[[embed:URL]] stays video. The editor embed button asks for audio or video
when a YouTube URL is given. Server: audio:/video: prefix in the shortcode
→ data-embed-mode. busters embed-player.js?v=8, embed.css?v=5.

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

File:

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

src/assets/css/embed.css

@@ -119 +119 @@
   width: 320px;
   height: 60px;
+  opacity: 0;
+  pointer-events: none;
+}
+/* Audio-only YouTube: de YT-speler draait verborgen (off-screen) maar moet een
+ * echte grootte houden, anders pauzeert de browser 'm. Alleen het geluid telt. */
+.pcms-embed-card--youtube.pcms-embed-audio-mode .pcms-embed-mount {
+  position: absolute;
+  left: -99999px;
+  top: 0;
+  width: 320px;
+  height: 180px;
   opacity: 0;
   pointer-events: none;