about summary refs log tree commit diff
path: root/src/components/Post/Embed/VideoEmbed/index.web.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2025-09-10 18:49:44 +0300
committerGitHub <noreply@github.com>2025-09-10 18:49:44 +0300
commit20ff3e3ba0a39e2347c39f03cb231c611901f755 (patch)
treea0e7d9bbcc1e590d1177b6e848a163c3c15ddd9f /src/components/Post/Embed/VideoEmbed/index.web.tsx
parent5b8631d1887a08aa746a2b832688873e8ce3b1f2 (diff)
downloadvoidsky-20ff3e3ba0a39e2347c39f03cb231c611901f755.tar.zst
Ensure there is a thumbnail for videos on web (#9019)
Diffstat (limited to 'src/components/Post/Embed/VideoEmbed/index.web.tsx')
-rw-r--r--src/components/Post/Embed/VideoEmbed/index.web.tsx8
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/Post/Embed/VideoEmbed/index.web.tsx b/src/components/Post/Embed/VideoEmbed/index.web.tsx
index 25f9f4604..e988bc830 100644
--- a/src/components/Post/Embed/VideoEmbed/index.web.tsx
+++ b/src/components/Post/Embed/VideoEmbed/index.web.tsx
@@ -86,7 +86,13 @@ export function VideoEmbed({
   const contents = (
     <div
       ref={ref}
-      style={{display: 'flex', flex: 1, cursor: 'default'}}
+      style={{
+        display: 'flex',
+        flex: 1,
+        cursor: 'default',
+        backgroundImage: `url(${embed.thumbnail})`,
+        backgroundSize: 'cover',
+      }}
       onClick={evt => evt.stopPropagation()}>
       <ErrorBoundary renderError={renderError} key={key}>
         <OnlyNearScreen>