diff --git a/app/assets/js/nuxt-image/get-imgproxy-url.ts b/app/assets/js/nuxt-image/get-imgproxy-url.ts
new file mode 100644
index 00000000..eee350d9
--- /dev/null
+++ b/app/assets/js/nuxt-image/get-imgproxy-url.ts
@@ -0,0 +1,12 @@
+import { project } from '../../../../config/project'
+import imgproxyProvider from './imgproxy.provider'
+
+export function getImgproxyUrl(src: string) {
+  const { url } = imgproxyProvider().getImage(src, {
+    baseUrl: project.imgproxy.baseUrl,
+    internalProxyUrl: project.imgproxy.internalProxyUrl,
+    mediaProxyUrls: project.imgproxy.mediaProxyUrls
+  })
+
+  return url
+}
diff --git a/app/components/pages/posts/post/PostMedia.vue b/app/components/pages/posts/post/PostMedia.vue
index e04be94f..27bc274d 100644
--- a/app/components/pages/posts/post/PostMedia.vue
+++ b/app/components/pages/posts/post/PostMedia.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
   import type { IPost, PostMediaType } from '~/assets/js/post.dto'
   import { vIntersectionObserver } from '@vueuse/components'
+  import { getImgproxyUrl } from '~/assets/js/nuxt-image/get-imgproxy-url'
   import { proxyUrl } from '~/assets/js/proxy'
 
   const localePath = useLocalePath()
@@ -35,8 +36,35 @@
 
   const mediaElement = shallowRef<MediaElementRef>(null)
 
-  const localSrc = shallowRef(props.mediaSrc ?? '')
-  const localPosterSrc = shallowRef(props.mediaPosterSrc ?? undefined)
+  const mediaUrl = shallowRef(props.mediaSrc ?? '')
+  const gifPosterUrl = shallowRef(props.mediaPosterSrc ?? undefined)
+  const videoPosterCorsFallbackUrl = shallowRef<string | null>(null)
+  const corsProxyRetriedForMedia = shallowRef(false)
+  const corsProxyRetriedForPoster = shallowRef(false)
+
+  const isLikelyLcpMedia = computed(() => props.postIndex === 0)
+
+  const shouldProxyPosterWithImgproxy = computed(
+    () => isPremium.value || (wasCurrentPageSSR.value && isLikelyLcpMedia.value)
+  )
+
+  const videoPosterUrl = computed(() => {
+    if (videoPosterCorsFallbackUrl.value) {
+      return videoPosterCorsFallbackUrl.value
+    }
+
+    const poster = props.mediaPosterSrc
+
+    if (!poster) {
+      return undefined
+    }
+
+    if (shouldProxyPosterWithImgproxy.value) {
+      return getImgproxyUrl(poster)
+    }
+
+    return poster
+  })
 
   const error = ref<Error | null>(null)
   const hasError = computed(() => error.value !== null)
@@ -44,13 +72,12 @@
   const isImage = computed(() => props.mediaType === 'image')
   const isVideo = computed(() => props.mediaType === 'video')
   const isAnimatedMedia = computed(
-    () => props.mediaType === 'animated' || (props.mediaType === 'image' && localSrc.value.endsWith('.gif'))
+    () => props.mediaType === 'animated' || (props.mediaType === 'image' && mediaUrl.value.endsWith('.gif'))
   )
   const postImageSizes = {
     sm: '400px',
     md: '768px'
   }
-  const isLikelyLcpMedia = computed(() => props.postIndex === 0)
   const mediaDecoding = computed(() => (props.postIndex < 3 ? undefined : 'async'))
   const mediaFetchPriority = computed(() => (isLikelyLcpMedia.value ? 'high' : undefined))
   const mediaLoading = computed(() => (isLikelyLcpMedia.value ? 'eager' : 'lazy'))
@@ -61,7 +88,7 @@
     props.mediaSrcWidth && props.mediaSrcHeight ? `${props.mediaSrcWidth}/${props.mediaSrcHeight}` : undefined
   )
   const lcpVideoPosterPreloadLinks = computed(() => {
-    if (!isLikelyLcpMedia.value || !isVideo.value || !localPosterSrc.value) {
+    if (!isLikelyLcpMedia.value || !isVideo.value || !videoPosterUrl.value) {
       return []
     }
 
@@ -69,7 +96,7 @@
       {
         rel: 'preload',
         as: 'image' as const,
-        href: localPosterSrc.value,
+        href: videoPosterUrl.value,
         fetchpriority: 'high' as const
       }
     ]
@@ -79,9 +106,6 @@
     link: lcpVideoPosterPreloadLinks.value
   }))
 
-  const triedToLoadWithProxy = shallowRef(false)
-  const triedToLoadPosterWithProxy = shallowRef(false)
-
   let videoPlayer: FluidPlayerInstance | undefined
   let videoPlayerInitPromise: Promise<void> | null = null
   let videoPlayerIdleScheduled = false
@@ -199,7 +223,7 @@
             },
             {
               label: t('media.download'),
-              href: localSrc.value
+              href: mediaUrl.value
             }
           ]
         },
@@ -227,7 +251,7 @@
               return
             }
 
-            currentVideoElement.src = localSrc.value
+            currentVideoElement.src = mediaUrl.value
             videoPlayer?.play()
           }
         },
@@ -297,8 +321,6 @@
     }
 
     videoPlayer = fluidPlayer(initializedVideoElement, fluidPlayerOptions)
-
-    // TODO: Handle poster error
   }
 
   function initializeVideoPlayer() {
@@ -371,6 +393,58 @@
     isAnimatedMediaPlaying.value = true
   }
 
+  function tryCorsProxyRetryForVideoPoster(target: HTMLImageElement | HTMLVideoElement) {
+    if (!isVideo.value || !(target instanceof HTMLImageElement)) {
+      return
+    }
+
+    if (!isPremium.value || corsProxyRetriedForPoster.value || !props.mediaPosterSrc) {
+      return
+    }
+
+    videoPosterCorsFallbackUrl.value = proxyUrl(props.mediaPosterSrc)
+    corsProxyRetriedForPoster.value = true
+  }
+
+  function tryCorsProxyRetryForVideo(target: HTMLImageElement | HTMLVideoElement) {
+    if (!isVideo.value || !(target instanceof HTMLVideoElement)) {
+      return false
+    }
+
+    if (!isPremium.value || corsProxyRetriedForMedia.value || !props.mediaSrc) {
+      return false
+    }
+
+    corsProxyRetriedForMedia.value = true
+    mediaUrl.value = proxyUrl(props.mediaSrc)
+    void reloadVideoPlayer(true)
+    return true
+  }
+
+  function tryCorsProxyRetryForGif(target: HTMLImageElement | HTMLVideoElement) {
+    if (!isAnimatedMedia.value || !isPremium.value || !(target instanceof HTMLImageElement)) {
+      return false
+    }
+
+    if (!isAnimatedMediaPlaying.value && target.src === gifPosterUrl.value && !corsProxyRetriedForPoster.value) {
+      if (!gifPosterUrl.value) {
+        return false
+      }
+
+      gifPosterUrl.value = proxyUrl(gifPosterUrl.value)
+      corsProxyRetriedForPoster.value = true
+      return true
+    }
+
+    if (isAnimatedMediaPlaying.value && !corsProxyRetriedForMedia.value) {
+      mediaUrl.value = proxyUrl(mediaUrl.value)
+      corsProxyRetriedForMedia.value = true
+      return true
+    }
+
+    return false
+  }
+
   function onMediaError(payload: string | Event) {
     if (hasError.value) {
       return
@@ -388,58 +462,17 @@
       return
     }
 
-    // Proxy videos
-    if (
-      isVideo.value &&
-      isPremium.value &&
-      //
-      !triedToLoadWithProxy.value
-    ) {
-      localSrc.value = proxyUrl(localSrc.value)
-
-      reloadVideoPlayer(true)
-
-      triedToLoadWithProxy.value = true
-      return
-    }
-
-    // Reset loading state if there's an error with GIF
     if (isAnimatedMedia.value && isAnimatedMediaPlaying.value) {
       isAnimatedMediaLoading.value = false
     }
 
-    // Proxy GIFs
-    if (isAnimatedMedia.value && isPremium.value) {
-      //
-
-      // Case 1: The poster image failed to load
-      if (
-        !isAnimatedMediaPlaying.value &&
-        target.src === localPosterSrc.value &&
-        //
-        !triedToLoadPosterWithProxy.value
-      ) {
-        if (!localPosterSrc.value) {
-          return
-        }
-
-        localPosterSrc.value = proxyUrl(localPosterSrc.value)
-
-        triedToLoadPosterWithProxy.value = true
-        return
-      }
-
-      // Case 2: The actual GIF failed to load
-      if (
-        isAnimatedMediaPlaying.value &&
-        //
-        !triedToLoadWithProxy.value
-      ) {
-        localSrc.value = proxyUrl(localSrc.value)
+    if (isVideo.value && target instanceof HTMLImageElement) {
+      tryCorsProxyRetryForVideoPoster(target)
+      return
+    }
 
-        triedToLoadWithProxy.value = true
-        return
-      }
+    if (tryCorsProxyRetryForVideo(target) || tryCorsProxyRetryForGif(target)) {
+      return
     }
 
     error.value = new Error(t('errors.mediaLoadError'))
@@ -447,13 +480,14 @@
 
   function manuallyReloadMedia() {
     // Reset state
-    triedToLoadWithProxy.value = false
-    triedToLoadPosterWithProxy.value = false
+    corsProxyRetriedForMedia.value = false
+    corsProxyRetriedForPoster.value = false
+    videoPosterCorsFallbackUrl.value = null
     error.value = null
 
     // Reload media
-    localSrc.value = props.mediaSrc ?? ''
-    localPosterSrc.value = props.mediaPosterSrc ?? undefined
+    mediaUrl.value = props.mediaSrc ?? ''
+    gifPosterUrl.value = props.mediaPosterSrc ?? undefined
 
     if (isVideo.value) {
       nextTick(() => {
@@ -622,7 +656,7 @@
           :loading="mediaLoading"
           :preload="mediaPreload"
           :sizes="postImageSizes"
-          :src="localSrc"
+          :src="mediaUrl"
           :width="mediaSrcWidthAttribute"
           provider="imgproxy"
           @error="onMediaError"
@@ -649,7 +683,7 @@
           :loading="mediaLoading"
           :preload="mediaPreload"
           :sizes="postImageSizes"
-          :src="localSrc"
+          :src="mediaUrl"
           :width="mediaSrcWidthAttribute"
           provider="imgproxy"
           @error="onMediaError"
@@ -667,7 +701,7 @@
           :height="mediaSrcHeightAttribute"
           :loading="mediaLoading"
           :preload="mediaPreload"
-          :src="localSrc"
+          :src="mediaUrl"
           :style="mediaAspectRatio ? `aspect-ratio: ${mediaAspectRatio};` : undefined"
           :width="mediaSrcWidthAttribute"
           class="h-auto w-full rounded-t-md"
@@ -690,7 +724,7 @@
         :height="mediaSrcHeightAttribute"
         :loading="mediaLoading"
         :preload="mediaPreload"
-        :src="isAnimatedMediaPlaying ? localSrc : localPosterSrc"
+        :src="isAnimatedMediaPlaying ? mediaUrl : gifPosterUrl"
         :style="mediaAspectRatio ? `aspect-ratio: ${mediaAspectRatio};` : undefined"
         :width="mediaSrcWidthAttribute"
         class="h-auto w-full rounded-t-md"
@@ -755,16 +789,26 @@
     <!-- Video -->
     <div
       v-else-if="isVideo"
-      :key="localSrc"
+      :key="mediaUrl"
     >
+      <!-- Detect poster load failures; video poster attr does not emit reliable error events. -->
+      <img
+        v-if="videoPosterUrl"
+        :src="videoPosterUrl"
+        alt=""
+        aria-hidden="true"
+        class="sr-only"
+        @error="onMediaError"
+      />
+
       <!-- TODO: Add load animation -->
       <!-- Fix(rounded borders): add the same rounded borders that the parent has -->
       <video
         ref="mediaElement"
         v-intersection-observer="[onVideoIntersectionObserver, { rootMargin: '100px' }]"
         :height="mediaSrcHeightAttribute"
-        :poster="localPosterSrc"
-        :src="localSrc"
+        :poster="videoPosterUrl"
+        :src="mediaUrl"
         :style="mediaAspectRatio ? `aspect-ratio: ${mediaAspectRatio};` : undefined"
         :width="mediaSrcWidthAttribute"
         class="h-auto w-full rounded-t-md"
diff --git a/test/assets/get-imgproxy-url.test.ts b/test/assets/get-imgproxy-url.test.ts
new file mode 100644
index 00000000..c24f0cd5
--- /dev/null
+++ b/test/assets/get-imgproxy-url.test.ts
@@ -0,0 +1,30 @@
+import { describe, expect, it } from 'vitest'
+import { getImgproxyUrl } from '../../app/assets/js/nuxt-image/get-imgproxy-url'
+
+function decodeImgproxySource(url: string) {
+  const parsedUrl = URL.parse(url)
+
+  if (!parsedUrl) {
+    throw new Error(`Invalid imgproxy URL: ${url}`)
+  }
+
+  const encodedSource = parsedUrl.pathname.split('/').at(-1)
+
+  if (!encodedSource) {
+    throw new Error('Missing encoded imgproxy source')
+  }
+
+  const padded = encodedSource.padEnd(Math.ceil(encodedSource.length / 4) * 4, '=')
+  return Buffer.from(padded.replace(/-/g, '+').replace(/_/g, '/'), 'base64').toString('utf8')
+}
+
+describe('getImgproxyUrl', () => {
+  it('returns an imgproxy URL that fetches through the internal nginx proxy', () => {
+    const sourceUrl = 'https://example.local/thumbnails/998/thumbnail_998.jpg'
+
+    const proxiedUrl = getImgproxyUrl(sourceUrl)
+
+    expect(proxiedUrl.startsWith('https://imgproxy2.r34.app/')).toBe(true)
+    expect(decodeImgproxySource(proxiedUrl)).toBe(`http://nginx-proxy/proxy?url=${sourceUrl}`)
+  })
+})
diff --git a/test/pages/posts-video-proxy.test.ts b/test/pages/posts-video-proxy.test.ts
new file mode 100644
index 00000000..bd4a5e4c
--- /dev/null
+++ b/test/pages/posts-video-proxy.test.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest'
+import { setup, url } from '@nuxt/test-utils'
+import { mockPostsPageWithOfflineVideo } from './posts.mock-data'
+import { defaultSetupConfig, useTrackedPageFactory } from '../helper'
+
+function decodeImgproxySourceUrl(src: string) {
+  const encodedSource = src.split('/').pop()
+
+  if (!encodedSource) {
+    return null
+  }
+
+  const base64 = encodedSource.replace(/-/g, '+').replace(/_/g, '/')
+  const paddedBase64 = base64.padEnd(Math.ceil(base64.length / 4) * 4, '=')
+
+  return Buffer.from(paddedBase64, 'base64').toString('utf8')
+}
+
+function expectPosterSrcToReference(src: string | null, expectedUrl: string) {
+  expect(src).toBeTruthy()
+
+  if (src?.startsWith('https://imgproxy2.r34.app/')) {
+    expect(decodeImgproxySourceUrl(src)).toBe(`http://nginx-proxy/proxy?url=${expectedUrl}`)
+    return
+  }
+
+  expect(src).toBe(expectedUrl)
+}
+
+type TrackedPage = Awaited<ReturnType<ReturnType<typeof useTrackedPageFactory>>>
+
+async function getPostVideoPoster(page: TrackedPage, testId: string) {
+  await page.waitForFunction(
+    (id) => document.querySelector(`[data-testid="${id}"] video`)?.getAttribute('poster'),
+    testId,
+    { timeout: 10000 }
+  )
+
+  return page.evaluate(
+    (id) => document.querySelector(`[data-testid="${id}"] video`)?.getAttribute('poster') ?? null,
+    testId
+  )
+}
+
+describe('Video poster proxying', async () => {
+  await setup(defaultSetupConfig)
+
+  const createTrackedPage = useTrackedPageFactory()
+  const offlineVideoPost = mockPostsPageWithOfflineVideo.data[0]!
+  const postTestId = `safebooru.org-${offlineVideoPost.id}`
+
+  it('proxies video poster through imgproxy on SSR for blocked preview URLs', async () => {
+    const page = await createTrackedPage()
+
+    await page.goto(url('/posts/safebooru.org?tags=offline_video_test'), { waitUntil: 'domcontentloaded' })
+    await page.getByTestId(postTestId).first().waitFor({ state: 'visible' })
+
+    expectPosterSrcToReference(await getPostVideoPoster(page, postTestId), offlineVideoPost.preview_file.url)
+  }, 20000)
+})
diff --git a/test/pages/posts.mock-data.ts b/test/pages/posts.mock-data.ts
index 066e7f36..b25bcbd0 100644
--- a/test/pages/posts.mock-data.ts
+++ b/test/pages/posts.mock-data.ts
@@ -3834,3 +3834,46 @@ export const mockPostsPageWithOfflineMedia = {
     next: 'http://192.168.1.65:8080/booru/gelbooru/posts?baseEndpoint=safebooru.org&pageID=1&limit=30'
   }
 }
+
+export const mockPostsPageWithOfflineVideo = {
+  data: [
+    {
+      id: 998,
+      score: 0,
+      high_res_file: {
+        url: 'https://example.local/videos/998/sample_998.mp4',
+        width: 1280,
+        height: 720
+      },
+      low_res_file: {
+        url: 'https://example.local/samples/998/sample_998.jpg',
+        width: 850,
+        height: 478
+      },
+      preview_file: {
+        url: 'https://example.local/thumbnails/998/thumbnail_998.jpg',
+        width: 150,
+        height: 84
+      },
+      tags: {
+        artist: [],
+        character: [],
+        copyright: [],
+        general: ['video'],
+        meta: []
+      },
+      sources: [],
+      rating: 'questionable',
+      media_type: 'video'
+    }
+  ],
+  meta: { items_count: 1, total_items: null, current_page: 0, total_pages: null, items_per_page: 30 },
+  links: {
+    self: 'http://192.168.1.65:8080/booru/gelbooru/posts?baseEndpoint=safebooru.org&pageID=0&limit=30&tags=offline_video_test',
+    first:
+      'http://192.168.1.65:8080/booru/gelbooru/posts?baseEndpoint=safebooru.org&pageID=0&limit=30&tags=offline_video_test',
+    last: null,
+    prev: null,
+    next: null
+  }
+}
diff --git a/test/server-mocks/plugin.ts b/test/server-mocks/plugin.ts
index 06f791db..10657d5e 100644
--- a/test/server-mocks/plugin.ts
+++ b/test/server-mocks/plugin.ts
@@ -7,6 +7,7 @@ import {
   mockPostsPage0,
   mockPostsPage1,
   mockPostsPageWithOfflineMedia,
+  mockPostsPageWithOfflineVideo,
   mockPostsPageWithoutResults
 } from '../pages/posts.mock-data'
 
@@ -72,6 +73,10 @@ function resolveMockPostsPage(requestUrl: URL) {
     return mockPostsPageWithOfflineMedia
   }
 
+  if (tags === 'offline_video_test') {
+    return mockPostsPageWithOfflineVideo
+  }
+
   if (tags === '1girl') {
     return {
       ...mockPostsPage1,