fix: video display:none → visible 1px, add load() trigger, canplay event

components/sections/CloudRevealSection.tsx

@@ -75,19 +75,30 @@ export default function CloudRevealSection() {
     const ctx = canvas.getContext('2d')
     if (!ctx) return
 
-    const drawVideoFrame = () => {
+    const draw = () => {
+      if (canvas.width === 0) {
+        canvas.width = window.innerWidth
+        canvas.height = window.innerHeight
+      }
       if (video.readyState >= 2) {
         ctx.drawImage(video, 0, 0, canvas.width, canvas.height)
       }
     }
 
-    video.addEventListener('seeked', drawVideoFrame)
-    video.addEventListener('loadeddata', () => {
-      setLoaded(true)
-      drawVideoFrame()
-    })
+    const onReady = () => { setLoaded(true); draw() }
 
-    return () => video.removeEventListener('seeked', drawVideoFrame)
+    video.addEventListener('seeked', draw)
+    video.addEventListener('loadeddata', onReady)
+    video.addEventListener('canplay', onReady)
+
+    // Yüklemeyi tetikle
+    video.load()
+
+    return () => {
+      video.removeEventListener('seeked', draw)
+      video.removeEventListener('loadeddata', onReady)
+      video.removeEventListener('canplay', onReady)
+    }
   }, [prefersReducedMotion])
 
   // Scroll → video currentTime
@@ -142,14 +153,14 @@ export default function CloudRevealSection() {
     <div ref={sectionRef} style={{ height: '500vh' }}>
       <div className="sticky top-0 min-h-[100dvh] w-full overflow-hidden bg-black">
 
-        {/* Gizli video — sadece canvas'a kaynak */}
+        {/* Video kaynağı — görünmez ama yüklenebilir */}
         <video
           ref={videoRef}
           src={HERO_VIDEO}
           preload="auto"
           muted
           playsInline
-          className="hidden"
+          style={{ position: 'absolute', width: 1, height: 1, opacity: 0, pointerEvents: 'none' }}
         />
 
         {/* Canvas */}