fix(frontend): paint video poster frames, clip round videos to circle

2026-08-06 12:29:37 +02:00
parent 525ce024bc
commit 6b6edc9a0d
9 changed files with 79 additions and 6 deletions
@@ -15,6 +15,7 @@
  import ContextMenuItem from "$lib/components/ui/ContextMenuItem.svelte";
  import Icon from "$lib/components/ui/Icon.svelte";
  import Spinner from "$lib/components/ui/Spinner.svelte";
+  import { poster } from "$lib/media/poster";
  import { toasts } from "$lib/stores/toasts.svelte";
  import { ui } from "$lib/stores/ui.svelte";

@@ -143,7 +144,13 @@
        </button>
      {:else if ready && isThumbVideo}
        <button class="media-thumb" onclick={onopen} type="button">
-          <video src={ready.url} muted preload="metadata"></video>
+          <video
+            src={ready.url}
+            muted
+            playsinline
+            preload="metadata"
+            use:poster
+          ></video>
          <span class="play"><Icon name="large-play" size="2.5rem" /></span>
        </button>
      {:else if ready}