add all possible fullscreen callbacks

remove callback from player

Author: LonelyCpp

src/PlayerScripts.js

@@ -98,12 +98,6 @@ export const MAIN_SCRIPT = (
       var firstScriptTag = document.getElementsByTagName('script')[0];
       firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 
-      var isFullScreen = false;
-      function onFullScreenChange() {
-        isFullScreen = !isFullScreen;
-        window.ReactNativeWebView.postMessage(JSON.stringify({eventType: 'fullScreenChange', data: isFullScreen}));
-      }
-
       var player;
       function onYouTubeIframeAPIReady() {
         player = new YT.Player('player', {
@@ -135,8 +129,6 @@ export const MAIN_SCRIPT = (
             'onPlaybackRateChange': onPlaybackRateChange,
           }
         });
-
-        document.getElementById('player').addEventListener('webkitfullscreenchange', onFullScreenChange);
       }
 
       function onPlayerError(event) {
@@ -159,6 +151,17 @@ export const MAIN_SCRIPT = (
       function onPlayerStateChange(event) {
         window.ReactNativeWebView.postMessage(JSON.stringify({eventType: 'playerStateChange', data: event.data}))
       }
+
+      var isFullScreen = false;
+      function onFullScreenChange() {
+        isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
+        window.ReactNativeWebView.postMessage(JSON.stringify({eventType: 'fullScreenChange', data: Boolean(isFullScreen)}));
+      }
+
+      document.addEventListener('fullscreenchange', onFullScreenChange)
+      document.addEventListener('mozfullscreenchange', onFullScreenChange)
+      document.addEventListener('msfullscreenchange', onFullScreenChange)
+      document.addEventListener('webkitfullscreenchange', onFullScreenChange)
     </script>
   </body>
 </html>`;