fix: off pip and enable playsinline for mobile with autoplay

gravity-ui · Oct 16, 2023 · a59565b · a59565b
1 parent c010913
commit a59565b
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/src/components/ReactPlayer/ReactPlayer.tsx b/src/components/ReactPlayer/ReactPlayer.tsx
@@ -349,7 +349,7 @@ export const ReactPlayerBlock = React.forwardRef<ReactPlayerBlockHandler, ReactP
 
         const onFocusIn = useCallback(() => setHovered(true), []);
         const onFocusOut = useCallback(() => setHovered(false), []);
-        const pictureInPictureEnabled = !isMobile || !autoPlay;
+        const isPipEnabled = !isMobile || !props.autoplay;
 
         return (
             <div
@@ -392,16 +392,12 @@ export const ReactPlayerBlock = React.forwardRef<ReactPlayerBlockHandler, ReactP
                             onProgress={onProgress}
                             onEnded={onEnded}
                             aria-label={ariaLabel}
-                            pip={pictureInPictureEnabled}
-                            playsinline={autoPlay}
                             config={{
                                 file: {
                                     attributes: {
-                                        pip: pictureInPictureEnabled ? undefined : 'false',
-                                        playsinline: autoPlay ? '' : undefined,
-                                        disablepictureinpicture: pictureInPictureEnabled
-                                            ? undefined
-                                            : '',
+                                        pip: isPipEnabled ? undefined : 'false',
+                                        playsinline: isPipEnabled ? undefined : '',
+                                        disablepictureinpicture: isPipEnabled ? undefined : '',
                                     },
                                 },
                             }}