From f1f623016e2e2866c33a0437720935a0fa71b3b0 Mon Sep 17 00:00:00 2001 From: yibo Date: Thu, 3 Sep 2026 17:39:40 +0800 Subject: [PATCH] h3-console: 参考视频预览改成等比缩放，不再用 object-fit:cover 裁切 --- h3-console/static/index.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/h3-console/static/index.html b/h3-console/static/index.html index 4d58f5e..570b65e 100644 --- a/h3-console/static/index.html +++ b/h3-console/static/index.html @@ -59,7 +59,10 @@ .thumbrow { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 12px; align-items: flex-start; } .thumbrow img { height: 160px; width: 160px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(128,128,128,.3); display: block; } - .thumbrow video { height: 200px; width: 340px; max-width: 100%; object-fit: cover; + /* 2026-09-03: 之前固定 340×200 + object-fit:cover，横屏参考视频还行，竖屏的(比如 + 480×832)会被裁得只剩中间一条窄带，看不全——参考视频本来就是要让人看完整内容核对是不是 + 传错了，裁切是硬伤，改成按视频真实宽高比等比缩放（不超过340宽/400高），横竖屏都不裁。 */ + .thumbrow video { max-width: 340px; max-height: 400px; width: auto; height: auto; border-radius: 8px; border: 1px solid rgba(128,128,128,.3); display: block; background: #000; } .thumbrow audio { height: 40px; width: 340px; max-width: 100%; display: block; } .thumb-wrap { display: inline-flex; flex-direction: column; gap: 6px; max-width: 340px; } -- libgit2 0.21.4