问题修复

Author: 1ssqq1lxr

public/feixun.svg

@@ -48,9 +48,10 @@ const DemoVideos = () => {
                   }
                 >
                   <video
-                    className="w-full h-full object-contain bg-transparent"
+                    className="w-full h-full object-cover bg-transparent"
                     controls
                     preload={index === 0 ? "auto" : "metadata"}
+                    poster={item.poster}
                     playsInline
                   >
                     <source src={item.src} type="video/webm" />

src/components/DemoVideos.tsx

@@ -4,6 +4,7 @@ export type DemoVideoItem = {
   id: string;
   titleKey: string;
   src: string;
+  poster: string;
 };
 
 /** 与 fluxmq-doc static/video 及《演示视频》文档一致 */
@@ -12,15 +13,18 @@ export const FLUXMQ_DEMO_VIDEOS: DemoVideoItem[] = [
     id: "overview",
     titleKey: "demos.items.overview",
     src: `${FLUXMQ_DOC_ORIGIN}/video/overview.webm`,
+    poster: "/demo-posters/overview.svg",
   },
   {
     id: "rule-engine-datasource",
     titleKey: "demos.items.datasource",
     src: `${FLUXMQ_DOC_ORIGIN}/video/rule-engine-datasource.webm`,
+    poster: "/demo-posters/rule-engine-datasource.svg",
   },
   {
     id: "instruct",
     titleKey: "demos.items.instruct",
     src: `${FLUXMQ_DOC_ORIGIN}/video/instruct.webm`,
+    poster: "/demo-posters/instruct.svg",
   },
 ];