give up again

Author: rasyidcode

app/page.tsx

@@ -4,31 +4,6 @@ import Image from "next/image";
 import { useEffect, useRef } from "react";
 
 export default function Page() {
-  const videoRef = useRef<HTMLVideoElement>(null);
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (videoRef.current) {
-          if (entries[0].isIntersecting) {
-            videoRef.current.play()
-            videoRef.current.muted = false
-          } else {
-            videoRef.current.pause()
-            videoRef.current.muted = true
-          }
-        }
-      },
-      { threshold: 0.7 } // 50% visible triggers play/pause
-    );
-
-    if (videoRef.current) {
-      observer.observe(videoRef.current);
-    }
-
-    return () => observer.disconnect();
-  }, []);
-
   return (
     <>
       <div className="flex justify-center items-center min-h-screen bg-purple-200">
@@ -39,7 +14,7 @@ export default function Page() {
             width={500}
             height={500} />
           <div>
-            <video ref={videoRef} loop autoPlay muted playsInline height="500" width="500">
+            <video loop autoPlay muted playsInline height="500" width="500">
               <source src="/never-gonna-give-up.mp4" type="video/mp4" />
             </video>
           </div>