From 921813ec570215dae279223f5f83f24880e2551c Mon Sep 17 00:00:00 2001
From: fvmartin <fvmartin@users.noreply.github.com>
Date: Fri, 30 Sep 2022 11:06:33 +0200
Subject: [PATCH] YouTube - fix fullscreen on iPhone

For websites using CSS transfrom on one of the player parent elements.
---
 flowplayer/modules/fullscreen-fix.module.js | 30 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/flowplayer/modules/fullscreen-fix.module.js b/flowplayer/modules/fullscreen-fix.module.js
index 5fc013f7a..dc2220701 100644
--- a/flowplayer/modules/fullscreen-fix.module.js
+++ b/flowplayer/modules/fullscreen-fix.module.js
@@ -106,7 +106,12 @@ flowplayer(function(player, root) {
       common.toggleClass(root, 'fp-minimal-fullscreen', common.hasClass(root, 'fp-minimal'));
       common.removeClass(root, 'fp-minimal');
 
-      if (!FS_SUPPORT) common.css(root, 'position', 'fixed');
+      if (!FS_SUPPORT) {
+        common.css(root, 'position', 'fixed');
+
+        sanitize_parent_elements(true);
+      }
+
       player.isFullscreen = true;
 
    }).on(FS_EXIT, function() {
@@ -117,7 +122,11 @@ flowplayer(function(player, root) {
         oldOpacity = root.css('opacity') || '';
         common.css(root, 'opacity', 0);
       }
-      if (!FS_SUPPORT) common.css(root, 'position', '');
+      if (!FS_SUPPORT) {
+        common.css(root, 'position', '');
+
+        sanitize_parent_elements(false);
+      }
 
       common.removeClass(root, 'is-fullscreen');
       if (!FS_SUPPORT && player.engine === "html5") setTimeout(function() { root.css('opacity', oldOpacity); });
@@ -134,4 +143,21 @@ flowplayer(function(player, root) {
      FULL_PLAYER = null;
      common.removeNode(wrapper);
    });
+
+   /*
+    * iPhone fullscreen is CSS-based and it can't work if the parent elements use CSS transform
+    * So we get rid of these rules even entering fullscreen and put them back when leaving
+    */
+   function sanitize_parent_elements( add ) {
+     var parent = root;
+     while (parent) {
+       try {
+         var styles = getComputedStyle(parent);
+         if( styles.transform ) {
+           parent.style.transform = add ? 'none' : '';
+         }
+       } catch(e) {}
+       parent = parent.parentNode;
+     }
+   }
 });
\ No newline at end of file