remove video and use youtube instead

Author: bluebill1049

public/video/react-hook-form-demo-video.mp4

@@ -155,21 +155,17 @@ export default function Header({
               duration={0.4}
               easeType="ease-in"
               render={({ style }) => (
-                <video
-                  preload="none"
+                <iframe
                   className={styles.video}
-                  id="tabPanel-1"
-                  aria-labelledby="tabPanel-1"
-                  controls
-                  playsInline
-                  muted
                   style={style}
-                >
-                  <source
-                    src="/video/react-hook-form-demo-video.mp4"
-                    type="video/mp4"
-                  />
-                </video>
+                  width="560"
+                  height="315"
+                  src="https://www.youtube.com/embed/7ytK2qU9ac8?si=itv-Hocfih4pnRE4"
+                  title="YouTube video player"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  referrerpolicy="strict-origin-when-cross-origin"
+                  allowfullscreen
+                />
               )}
             />
           </div>
@@ -179,20 +175,15 @@ export default function Header({
           className={isWeb ? styles.videoWrapperHide : styles.videoWrapperShow}
         >
           <h4 className={styles.videoHeading}>React Native</h4>
-          <video
-            preload="none"
+          <iframe
             className={styles.video}
-            id="tabPanel-2"
-            aria-labelledby="tabPanel-2"
-            controls
-            playsInline
-            muted
-          >
-            <source
-              src="/video/react-hook-form-native-demo-video.mp4"
-              type="video/mp4"
-            />
-          </video>
+            width="560"
+            height="315"
+            src="https://www.youtube.com/embed/rIKMY5azC3A?si=fYwKNYewKAlv6hoW"
+            title="YouTube video player"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            referrerPolicy="strict-origin-when-cross-origin"
+          />
         </div>
 
         <div