Changeset cb95343 in Klonkt for src/views/shell.ejs

Timestamp:

06/27/2026 08:30:29 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

a3e0746

Parents:

9e4e4ff

Message:

fix(embeds): plain responsive iframe on mobile/touch

The custom JS-mounted player cards need the platform API + an i.ytimg.com poster, both
of which mobile Safari tracking-protection blocks → a blank/black box. On touch / coarse-
pointer devices, render the plain platform iframe directly (YouTube/SoundCloud/Spotify),
using a padding-ratio wrapper that reserves height on every browser incl. old iOS Safari.
Desktop keeps the rich card. embed.css v9, embed-player.js v17.

File:

• src/views/shell.ejs (modified) (2 diffs)

src/views/shell.ejs

@@ -252 +252 @@
 <link rel="stylesheet" href="/assets/css/audio.css?v=11">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
-<link rel="stylesheet" href="/assets/css/embed.css?v=8">
+<link rel="stylesheet" href="/assets/css/embed.css?v=9">
 
 <%- include('partials/shared-styles') %>
@@ -385 +385 @@
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) via de echte
      player-API's + gedeelde mutual-exclusion registry met de site-speler. -->
-<script src="/assets/js/embed-player.js?v=16" defer></script>
+<script src="/assets/js/embed-player.js?v=17" defer></script>
 <% if (site && site.enable_audio_player && audioTracks && audioTracks.length > 0) { %>
   <script>window.PCMS_SITE_TRACKS = <%- JSON.stringify(audioTracks) %>;</script>