perf use a higher quality webm video

Okysu · Nov 8, 2023 · d8a5ce1 · d8a5ce1
1 parent 918271b
commit d8a5ce1
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 2 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -13,7 +13,7 @@ import RandomMessage from "@/components/random-message";
 export default function Home() {
   return (
     <>
-      <BackgroundVideo src="./video/home_v.mp4" mobile="./video/home_v_m.mp4" />
+      <BackgroundVideo src="./video/home_v.webm" mobile="./video/home_v_m.webm" />
       <div className="max-w-7xl mx-auto pt-36 px-6">
         <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
           <div className="inline-block max-w-lg text-center justify-center z-10">

diff --git a/app/video.tsx b/app/video.tsx
@@ -52,7 +52,7 @@ const BackgroundVideo: React.FC<BackgroundVideoProps> = ({ src, mobile }) => {
   return (
     <>
       <video ref={ref} className={styles.video} autoPlay muted={muted} loop>
-        <source src={video} type="video/mp4" />
+        <source src={video} type="video/webm" />
       </video>
       <button className={styles.muteButton} onClick={toggleMute}>
         {muted ? "取消静音" : "使用静音"}

diff --git a/public/video/home_v.mp4 b/public/video/home_v.mp4
diff --git a/public/video/home_v.webm b/public/video/home_v.webm
diff --git a/public/video/home_v_m.mp4 b/public/video/home_v_m.mp4
diff --git a/public/video/home_v_m.webm b/public/video/home_v_m.webm