From 0f61a6272f5fb2250a941fb023ff4a006b8ac09b Mon Sep 17 00:00:00 2001
From: MerlinScheurer <merlin.scheurer@Yahoo.de>
Date: Sat, 15 Feb 2025 11:42:08 +0100
Subject: [PATCH] Fix video thumbnail fallback

---
 frontend/src/components/VideoListItem.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/VideoListItem.tsx b/frontend/src/components/VideoListItem.tsx
index 6876ed45..be0d45a8 100644
--- a/frontend/src/components/VideoListItem.tsx
+++ b/frontend/src/components/VideoListItem.tsx
@@ -45,10 +45,14 @@ const VideoListItem = ({
       >
         <div className={`video-thumb-wrap ${viewLayout}`}>
           <div className="video-thumb">
-            <picture>
-              <img src={`${getApiUrl()}${video.vid_thumb_url}`} alt="video-thumb" />
-              <source srcSet={defaultVideoThumb} />
-            </picture>
+            <img
+              src={`${getApiUrl()}${video.vid_thumb_url}`}
+              alt="video-thumb"
+              onError={({ currentTarget }) => {
+                currentTarget.onerror = null; // prevents looping
+                currentTarget.src = defaultVideoThumb;
+              }}
+            />
 
             {video.player.progress && (
               <div