diff options
| author | Som Meaden <som@theprojectsomething.com> | 2020-05-05 16:35:36 +1000 |
|---|---|---|
| committer | Som Meaden <som@theprojectsomething.com> | 2020-05-05 16:35:36 +1000 |
| commit | 9dee5acec68d15d32002e0ccf8e7f539bfe8376c (patch) | |
| tree | 336ce74693bdaed00154dc4ab7caa472a7215f36 | |
| parent | 37be1336fbd9129f39c817232c79c8415d10b74d (diff) | |
| download | plyr-9dee5acec68d15d32002e0ccf8e7f539bfe8376c.tar.lz plyr-9dee5acec68d15d32002e0ccf8e7f539bfe8376c.tar.xz plyr-9dee5acec68d15d32002e0ccf8e7f539bfe8376c.zip | |
force fullscreen events to trigger on plyr element (media element in iOS) and not fullscreen container
| -rw-r--r-- | src/js/fullscreen.js | 4 |
1 files changed, 3 insertions, 1 deletions
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) { |