Force hide videos on end

b01lers · Sep 15, 2024 · 7cdd5d9 · 7cdd5d9
1 parent 66057f8
commit 7cdd5d9
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/components/FlagDispatchProvider.tsx b/components/FlagDispatchProvider.tsx
@@ -86,6 +86,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
                 <video
                     className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                     ref={appendToRejectVideos}
+                    onPlay={(e) => e.currentTarget.hidden = false}
+                    onEnded={(e) => e.currentTarget.hidden = true}
                     key={i}
                 >
                     <source src={`/assets/videos/failed${i + 1}-safari.mov`} type='video/mp4; codecs="hvc1"' />
@@ -96,6 +98,8 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
                 <video
                     className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                     ref={appendToAcceptVideos}
+                    onPlay={(e) => e.currentTarget.hidden = false}
+                    onEnded={(e) => e.currentTarget.hidden = true}
                     key={i}
                 >
                     <source src={`/assets/videos/success${i + 1}-safari.mov`} type='video/mp4; codecs="hvc1"' />
@@ -106,13 +110,17 @@ export default function FlagDispatchProvider(props: { children: ReactNode }) {
             <video
                 className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                 ref={appleBottomJeansRef}
+                onPlay={(e) => e.currentTarget.hidden = false}
+                onEnded={(e) => e.currentTarget.hidden = true}
             >
                 <source src="/assets/videos/special-safari.mov" type='video/mp4; codecs="hvc1"' />
                 <source src="/assets/videos/special-chrome.webm" type="video/webm" />
             </video>
             <video
                 className="fixed top-0 w-screen h-screen pointer-events-none z-50 object-cover object-center"
                 ref={gunRef}
+                onPlay={(e) => e.currentTarget.hidden = false}
+                onEnded={(e) => e.currentTarget.hidden = true}
             >
                 <source src="/assets/videos/special2-safari.mov" type='video/mp4; codecs="hvc1"' />
                 <source src="/assets/videos/special2-chrome.webm" type="video/webm" />