diff --git a/front/packages/ui/src/player/state.tsx b/front/packages/ui/src/player/state.tsx
index df004da6..ea9781e5 100644
--- a/front/packages/ui/src/player/state.tsx
+++ b/front/packages/ui/src/player/state.tsx
@@ -220,7 +220,7 @@ export const Video = memo(function Video({
 			onLoad={(info) => {
 				setDuration(info.duration);
 			}}
-			onPlayPause={setPlay}
+			onPlaybackStateChanged={(state) => setPlay(state.isPlaying)}
 			fonts={fonts}
 			subtitles={subtitles}
 			onMediaUnsupported={() => {
diff --git a/front/packages/ui/src/player/video.tsx b/front/packages/ui/src/player/video.tsx
index c0915b4d..4bd497ff 100644
--- a/front/packages/ui/src/player/video.tsx
+++ b/front/packages/ui/src/player/video.tsx
@@ -24,7 +24,6 @@ declare module "react-native-video" {
 	interface ReactVideoProps {
 		fonts?: string[];
 		subtitles?: Subtitle[];
-		onPlayPause: (isPlaying: boolean) => void;
 		onMediaUnsupported?: () => void;
 	}
 	export type VideoProps = Omit<ReactVideoProps, "source"> & {
diff --git a/front/packages/ui/src/player/video.web.tsx b/front/packages/ui/src/player/video.web.tsx
index 92e9a02c..c3f1fd02 100644
--- a/front/packages/ui/src/player/video.web.tsx
+++ b/front/packages/ui/src/player/video.web.tsx
@@ -115,7 +115,7 @@ const Video = forwardRef<{ seek: (value: number) => void }, VideoProps>(function
 		onProgress,
 		onError,
 		onEnd,
-		onPlayPause,
+		onPlaybackStateChanged,
 		onMediaUnsupported,
 		fonts,
 	},
@@ -234,8 +234,8 @@ const Video = forwardRef<{ seek: (value: number) => void }, VideoProps>(function
 			onLoadedMetadata={() => {
 				if (source.startPosition) setProgress(source.startPosition / 1000);
 			}}
-			onPlay={() => onPlayPause?.call(null, true)}
-			onPause={() => onPlayPause?.call(null, false)}
+			onPlay={() => onPlaybackStateChanged?.({ isPlaying: true })}
+			onPause={() => onPlaybackStateChanged?.({ isPlaying: false })}
 			onEnded={onEnd}
 			{...css({ width: "100%", height: "100%", objectFit: "contain" })}
 		/>