fix: enforce automatic startup jingle

src/components/FullscreenIntroVideo.native.js

@@ -16,6 +16,7 @@ const FullscreenIntroVideo = ({
   visible = true,
   onClose,
   contentFit = 'contain',
+  allowSkip = true,
   skipLabel = 'Passer la vidéo',
 }) => {
   const source = url ? (typeof url === 'string' ? { uri: url } : url) : videos.test
@@ -120,22 +121,24 @@ const FullscreenIntroVideo = ({
           //   right: 24,
           // }}
         />
-        <Pressable
-          onPress={handleClose}
-          style={{
-            position: 'absolute',
-            top: 50,
-            right: 20,
-            backgroundColor: '#00000080',
-            paddingVertical: 10,
-            paddingHorizontal: 14,
-            borderRadius: 20,
-            borderWidth: 1,
-            borderColor: '#FFFFFF55',
-          }}
-        >
-          <Text style={{ color: '#FFF', fontSize: 14 }}>{skipLabel}</Text>
-        </Pressable>
+        {allowSkip ? (
+          <Pressable
+            onPress={handleClose}
+            style={{
+              position: 'absolute',
+              top: 50,
+              right: 20,
+              backgroundColor: '#00000080',
+              paddingVertical: 10,
+              paddingHorizontal: 14,
+              borderRadius: 20,
+              borderWidth: 1,
+              borderColor: '#FFFFFF55',
+            }}
+          >
+            <Text style={{ color: '#FFF', fontSize: 14 }}>{skipLabel}</Text>
+          </Pressable>
+        ) : null}
       </View>
     </Portal>
   )

src/components/FullscreenIntroVideo.web.js

@@ -62,6 +62,7 @@ const FullscreenIntroVideo = ({
   visible = true,
   onClose,
   contentFit = 'cover',
+  allowSkip = true,
   requireAudio = false,
   skipLabel = 'Passer la vidéo',
   playLabel = 'Lire la vidéo avec le son',
@@ -150,7 +151,10 @@ const FullscreenIntroVideo = ({
           if (error?.name === 'NotAllowedError' && requireAudio) {
             setAwaitingInteraction(true)
           } else if (error?.name === 'NotAllowedError' && !muted) {
+            video.muted = true
             setMuted(true)
+            const mutedResult = video.play()
+            mutedResult?.catch?.(() => {})
           }
         })
       }
@@ -224,9 +228,11 @@ const FullscreenIntroVideo = ({
             <Text style={closeTextStyle}>{playLabel}</Text>
           </Pressable>
         ) : null}
-        <Pressable onPress={handleClose} style={closeButtonStyle}>
-          <Text style={closeTextStyle}>{skipLabel}</Text>
-        </Pressable>
+        {allowSkip ? (
+          <Pressable onPress={handleClose} style={closeButtonStyle}>
+            <Text style={closeTextStyle}>{skipLabel}</Text>
+          </Pressable>
+        ) : null}
       </View>
     </Portal>
   )