From 9dee5acec68d15d32002e0ccf8e7f539bfe8376c Mon Sep 17 00:00:00 2001
From: Som Meaden <som@theprojectsomething.com>
Date: Tue, 5 May 2020 16:35:36 +1000
Subject: [PATCH] force fullscreen events to trigger on plyr element (media
 element in iOS) and not fullscreen container

---
 src/js/fullscreen.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/js/fullscreen.js b/src/js/fullscreen.js
index 5029e7de..c44b7f52 100644
--- a/src/js/fullscreen.js
+++ b/src/js/fullscreen.js
@@ -145,8 +145,10 @@ class Fullscreen {
       button.pressed = this.active;
     }
 
+    // Always trigger events on the plyr / media element (not a fullscreen container) and let them bubble up
+    const target = this.target === this.player.media ? this.target : this.player.elements.container;
     // Trigger an event
-    triggerEvent.call(this.player, this.target, this.active ? 'enterfullscreen' : 'exitfullscreen', true);
+    triggerEvent.call(this.player, target, this.active ? 'enterfullscreen' : 'exitfullscreen', true);
   }
 
   toggleFallback(toggle = false) {