From f3cb35653e3f4889a4495a594c78d56abe4f7d66 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Mon, 16 Jun 2025 16:33:04 +0200
Subject: [PATCH] started on attempting to implement trailers for the hero
 element

---
 src/components/hero/hero.tsx          | 10 +++++++++-
 src/features/content/apis/jellyfin.ts |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index f68307d..e6ee70d 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -30,7 +30,15 @@ const Page: Component<{ entry: Entry }> = (props) => {
       </a>
 
       <img src={props.entry.thumbnail} class={css.thumbnail} />
-      <img src={props.entry.image} class={css.background} />
+      {/* <img src={props.entry.image} class={css.background} /> */}
+
+      <video
+        class={css.background}
+        src={props.entry.trailer}
+        poster={props.entry.image}
+        muted
+        autoplay
+      />
 
       <span class={css.detail}>
         {props.entry.releaseDate}
diff --git a/src/features/content/apis/jellyfin.ts b/src/features/content/apis/jellyfin.ts
index 74a031f..7233b96 100644
--- a/src/features/content/apis/jellyfin.ts
+++ b/src/features/content/apis/jellyfin.ts
@@ -396,6 +396,7 @@ const toEntry = (item: components['schemas']['BaseItemDto']): Entry => {
     image: new URL(`/Items/${item.Id}/Images/Backdrop`, getBaseUrl()),
     providers: {
       jellyfin: item.Id
-    }
+    },
+    trailer: item.RemoteTrailers?.at(-1)?.Url ?? undefined,
   };
 };
\ No newline at end of file