mobile

1 files changed, 16 insertions, 10 deletions

diff --git a/src/views/Intro.js b/src/views/Intro.js
index bf52d33..d27d34b 100644
--- a/src/views/Intro.js
+++ b/src/views/Intro.js
@@ -18,6 +18,13 @@ export default function Intro({ onComplete }) {
     }, 200);
   }, []);
 
+  const handleReady = useCallback((player) => {
+    setPlayer(player);
+    if (playing) {
+      player.play();
+    }
+  }, []);
+
   return (
     <div className={done ? "intro done" : "intro"}>
       <Vimeo
@@ -27,7 +34,7 @@ export default function Intro({ onComplete }) {
         showPortrait={false}
         showTitle={false}
         style={videoSize}
-        onReady={setPlayer}
+        onReady={handleReady}
         onEnd={handleClose}
       />
       <div
@@ -35,21 +42,20 @@ export default function Intro({ onComplete }) {
         className={playing ? "intro-image playing" : "intro-image"}
         onClick={() => {
           setPlaying(true);
-          player.play();
+          player && player.play();
         }}
       />
+      {playing && (
+        <img
+          className="close"
+          src="/assets/img/close.svg"
+          onClick={handleClose}
+        />
+      )}
     </div>
   );
 }
 
-/*
-      <img
-        className="close"
-        src="/assets/img/close.svg"
-        onClick={handleClose}
-      />
- */
-
 const coverWindow = () => {
   const videoRatio = 1.777;
   const screenRatio = window.innerWidth / window.innerHeight;