diff --git a/packages/frontend/src/components/dictionary/WordCard.tsx b/packages/frontend/src/components/dictionary/WordCard.tsx
index 222dcb0..b007c6f 100644
--- a/packages/frontend/src/components/dictionary/WordCard.tsx
+++ b/packages/frontend/src/components/dictionary/WordCard.tsx
@@ -2,6 +2,7 @@ import { Info, Plus, Video } from 'lucide-react';
 import { Term, CefrLevel } from '../../types/term';
 import { Button } from '../ui/button';
 import { wordTypeColors, wordTypeLabels } from '../../lib/wordTypeColors';
+import { getVideoUrl } from '../../lib/videoPlaylist';
 
 interface WordCardProps {
   term: Term;
@@ -37,9 +38,9 @@ export function WordCard({ term, onInfo, onAddToSentence }: WordCardProps) {
 
       {/* Icon/Image/GIF Preview */}
       <div className="flex-1 flex items-center justify-center mb-4 min-h-[120px]">
-        {gifMedia ? (
+        {gifMedia && getVideoUrl(gifMedia.url) ? (
           <img
-            src={gifMedia.url}
+            src={getVideoUrl(gifMedia.url) || ''}
             alt={term.wordText}
             className="max-h-[120px] max-w-full object-contain rounded"
             title="Video preview"