From d3eb7ff9b0902220271a973ec330d8371d01d420 Mon Sep 17 00:00:00 2001
From: hoelee <me@hoelee.com>
Date: Tue, 20 Oct 2026 07:28:07 +0800
Subject: [PATCH] post: cap embedded video/iframe to the column (1920px clip
 overflowed), swap demo to the 2 s 1080p take

---
 .../running-ai-video-locally-on-a-12gb-gpu.md | 13 ++++++------
 .../running-ai-video-locally-on-a-12gb-gpu.md |  9 +++++----
 src/styles/global.css                         | 20 +++++++++++++++++++
 3 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/content/posts/running-ai-video-locally-on-a-12gb-gpu.md b/src/content/posts/running-ai-video-locally-on-a-12gb-gpu.md
index b56be5b..b3d9820 100644
--- a/src/content/posts/running-ai-video-locally-on-a-12gb-gpu.md
+++ b/src/content/posts/running-ai-video-locally-on-a-12gb-gpu.md
@@ -178,16 +178,16 @@ python bench_upscale.py --file segment.mp4 --scale 1.5 --tsize 21 --chunk 21
 ffmpeg -i upscaled.mp4 -vf "crop=1920:1080:0:12" -c:v libx264 -crf 16 final.mp4
 ```
 
-This is the actual output, generated locally and hosted on my own CDN: one
-second, 1920×1080, 24 fps, from a single start frame.
+This is the actual output, generated locally and hosted on my own CDN: two
+seconds, 1920×1080, 24 fps, from a single start frame.
 
-<video controls playsinline preload="metadata" poster="https://content.hoelee.com/file/hoelee/video/Wan22-1080p-poster.jpg">
-  <source src="https://content.hoelee.com/file/h_1080/hoelee/video/Wan22-TI2V-5B-1080p-test.mp4" type="video/mp4" />
+<video controls playsinline preload="metadata" poster="https://content.hoelee.com/file/hoelee/video/Wan22-2s-poster.jpg">
+  <source src="https://content.hoelee.com/file/h_1080/hoelee/video/Wan22-TI2V-5B-2s-1080p.mp4" type="video/mp4" />
   Your browser does not support HTML5 video.
 </video>
 
-*Wan 2.2 TI2V-5B, 1280×736 → SeedVR2 → cropped to 1920×1080. 2 minutes 13 seconds
-of sampling, 2 minutes 49 seconds of upscaling, nothing rendered by anyone else.*
+*Wan 2.2 TI2V-5B, 1280×736 → SeedVR2 → cropped to 1920×1080. 5 minutes 45 seconds
+of generation, 7 minutes 41 seconds of upscaling, nothing rendered by anyone else.*
 
 ## What the upscale actually buys
 
@@ -204,6 +204,7 @@ leads to disappointment. Treating it as "make the 720p-class render hold up at
 | Shot length | Generate | Upscale | Total | Cost |
 |---|---|---|---|---|
 | 1 second (25 frames) | 3.4 min | 2.8 min | ~6 min | \$0 |
+| 2 seconds (49 frames) | 5.7 min | 7.7 min | ~13 min | \$0 |
 | 5 seconds (121 frames) | 17.9 min | 14.1 min | ~32 min | \$0 |
 
 An 8-shot, 60-second sequence is roughly half a day of local compute, or about
diff --git a/src/content/posts/zh/running-ai-video-locally-on-a-12gb-gpu.md b/src/content/posts/zh/running-ai-video-locally-on-a-12gb-gpu.md
index ff6d7b9..f43e4d8 100644
--- a/src/content/posts/zh/running-ai-video-locally-on-a-12gb-gpu.md
+++ b/src/content/posts/zh/running-ai-video-locally-on-a-12gb-gpu.md
@@ -130,14 +130,14 @@ python bench_upscale.py --file segment.mp4 --scale 1.5 --tsize 21 --chunk 21
 ffmpeg -i upscaled.mp4 -vf "crop=1920:1080:0:12" -c:v libx264 -crf 16 final.mp4
 ```
 
-下面这条就是在本地生成的输出,放在我自己的 CDN 上：1 秒、1920×1080、24fps,只给了一张起始图。
+下面这条就是在本地生成的输出,放在我自己的 CDN 上：2 秒、1920×1080、24fps,只给了一张起始图。
 
-<video controls playsinline preload="metadata" poster="https://content.hoelee.com/file/hoelee/video/Wan22-1080p-poster.jpg">
-  <source src="https://content.hoelee.com/file/h_1080/hoelee/video/Wan22-TI2V-5B-1080p-test.mp4" type="video/mp4" />
+<video controls playsinline preload="metadata" poster="https://content.hoelee.com/file/hoelee/video/Wan22-2s-poster.jpg">
+  <source src="https://content.hoelee.com/file/h_1080/hoelee/video/Wan22-TI2V-5B-2s-1080p.mp4" type="video/mp4" />
   你的浏览器不支持 HTML5 视频。
 </video>
 
-*Wan 2.2 TI2V-5B,1280×736 → SeedVR2 → 裁到 1920×1080。采样 2 分 13 秒,放大 2 分 49 秒,没有一帧是别人渲染的。*
+*Wan 2.2 TI2V-5B,1280×736 → SeedVR2 → 裁到 1920×1080。生成 5 分 45 秒,放大 7 分 41 秒,没有一帧是别人渲染的。*
 
 ## 放大到底买到了什么
 
@@ -150,6 +150,7 @@ ffmpeg -i upscaled.mp4 -vf "crop=1920:1080:0:12" -c:v libx264 -crf 16 final.mp4
 | 镜头长度 | 生成 | 放大 | 合计 | 成本 |
 |---|---|---|---|---|
 | 1 秒（25 帧） | 3.4 分钟 | 2.8 分钟 | 约 6 分钟 | \$0 |
+| 2 秒（49 帧） | 5.7 分钟 | 7.7 分钟 | 约 13 分钟 | \$0 |
 | 5 秒（121 帧） | 17.9 分钟 | 14.1 分钟 | 约 32 分钟 | \$0 |
 
 8 个镜头、60 秒的片子,本地大约半天算力;走商业 API 大约 \$5,40 分钟。两个数字都是真的,回答的是不同问题。本地机器负责那三十条没人付钱的试错,API 负责最后那一条要交付的。
diff --git a/src/styles/global.css b/src/styles/global.css
index 822b49b..1b5edd2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -189,6 +189,26 @@ a { color: var(--brand); text-decoration: none; }
 a:hover { color: var(--brand-soft); }
 article a { text-decoration: underline; text-underline-offset: 2px; }
 
+/* Raw HTML in a post body keeps its source width — a 1920px CDN <video> or a
+   full-size <img> overflows the column and forces a horizontal scrollbar. Cap
+   everything to the text column; `height:auto` preserves the intrinsic ratio
+   (never set a fixed aspect-ratio here, clips have different shapes). */
+article video,
+article iframe {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+  margin: 1.75rem 0;
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  background: #000;
+}
+article img {
+  max-width: 100%;
+  height: auto;
+}
+
 time { color: var(--faint); font-size: 0.88rem; }
 
 /* Light theme: the v2 artwork is a near-black viewport, so on a white page it reads as