diff --git a/apps/renderer/src/components/ui/media.tsx b/apps/renderer/src/components/ui/media.tsx
index db7ec6474..f3fe45ba0 100644
--- a/apps/renderer/src/components/ui/media.tsx
+++ b/apps/renderer/src/components/ui/media.tsx
@@ -61,6 +61,18 @@ const MediaImpl: FC<MediaProps> = ({
       : src,
   )
 
+  const previewImageSrc = useMemo(
+    () =>
+      proxy && previewImageUrl
+        ? getImageProxyUrl({
+            url: previewImageUrl,
+            width: proxy.width,
+            height: proxy.height,
+          })
+        : previewImageUrl,
+    [previewImageUrl, proxy],
+  )
+
   const [mediaLoadState, setMediaLoadState] = useState<"loading" | "loaded" | "error">("loading")
   const errorHandle: React.ReactEventHandler<HTMLImageElement> = useEventCallback((e) => {
     if (imgSrc !== props.src) {
@@ -135,7 +147,7 @@ const MediaImpl: FC<MediaProps> = ({
             )}
             onClick={handleClick}
           >
-            <VideoPreview src={src!} previewImageUrl={previewImageUrl} thumbnail={thumbnail} />
+            <VideoPreview src={src!} previewImageUrl={previewImageSrc} thumbnail={thumbnail} />
           </span>
         )
       }
@@ -151,7 +163,7 @@ const MediaImpl: FC<MediaProps> = ({
     mediaContainerClassName,
     mediaLoadState,
     popper,
-    previewImageUrl,
+    previewImageSrc,
     props.height,
     props.width,
     rest,
diff --git a/packages/shared/src/image.ts b/packages/shared/src/image.ts
index c42b7427c..77b1d27c2 100644
--- a/packages/shared/src/image.ts
+++ b/packages/shared/src/image.ts
@@ -15,4 +15,8 @@ export const imageRefererMatches = [
     url: /^https:\/\/(?:\w|-)+\.cdninstagram\.com/,
     referer: "https://www.instagram.com",
   },
+  {
+    url: /^https:\/\/sp1\.piokok\.com/,
+    referer: "https://sp1.piokok.com",
+  },
 ]