Add isFullScreen in onFullScreenChange event

Closes #20

Author: olivier-lando

README.md

@@ -104,7 +104,7 @@ type PlayerProps = {
     onEnded?: () => void;
     onError?: () => void;
     onFirstPlay?: () => void;
-    onFullScreenChange?: () => void;
+    onFullScreenChange?: (isFullScreen: boolean) => void;
     onPause?: () => void;
     onPlay?: () => void;
     onPlayerResize?: () => void;

example/src/App.tsx

@@ -98,7 +98,9 @@ const App: () => React.ReactNode = () => {
           onEnded={() => logEvent('onEnded')}
           onError={() => logEvent('onError')}
           onFirstPlay={() => logEvent('onFirstPlay')}
-          onFullScreenChange={() => logEvent('onFullScreenChange')}
+          onFullScreenChange={(isFullScreen: boolean) => {
+            logEvent(`onFullScreenChange: ${isFullScreen ? 'true' : 'false'}`);
+          }}
           onPlayerResize={() => logEvent('onPlayerResize')}
           onQualityChange={() => logEvent('onQualityChange')}
           onRateChange={() => logEvent('onRateChange')}

src/index.tsx

@@ -30,7 +30,7 @@ export type PlayerProps = {
   onEnded?: () => void;
   onError?: () => void;
   onFirstPlay?: () => void;
-  onFullScreenChange?: () => void;
+  onFullScreenChange?: (isFullScreen: boolean) => void;
   onPause?: () => void;
   onPlay?: () => void;
   onPlayerResize?: () => void;
@@ -228,7 +228,8 @@ const ApiVideoPlayer = forwardRef(
           props.onFirstPlay && props.onFirstPlay();
           break;
         case 'fullscreenchange':
-          props.onFullScreenChange && props.onFullScreenChange();
+          props.onFullScreenChange &&
+            props.onFullScreenChange(message.isFullScreen);
           break;
         case 'pause':
           props.onPause && props.onPause();