vimeo: privacy click-to-load

2026-06-29 10:05:45 +02:00
parent 0fb7127436
commit b0722fe90a
1 changed files with 22 additions and 0 deletions
@@ -304,6 +304,28 @@ footer a:hover {
  border-bottom-color: transparent;
 }

+/* vimeo: privacy-first click-to-load facade (no iframe until you press play) */
+.vimeo {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-bg-secondary);
+}
+.vimeo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
+.vimeo__play {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-base);
+  padding: 0.4rem 1.2ch;
+  border: 1px solid var(--color-text-primary);
+  background: none;
+  color: var(--color-text-primary);
+  cursor: pointer;
+}
+.vimeo__play:hover { background: var(--color-text-primary); color: var(--color-bg-primary); }
+
 /* all images always in colour (selection drives what's shown, not hover) */
 img { filter: none; }