Merge pull request #1759 from theprojectsomething/features/fullscreen-container

Features/fullscreen container

1 files changed, 7 insertions, 2 deletions

diff --git a/src/js/fullscreen.js b/src/js/fullscreen.js
index 4d3c89ac..0db4aa3f 100644
--- a/src/js/fullscreen.js
+++ b/src/js/fullscreen.js
@@ -5,7 +5,7 @@
 // ==========================================================================
 
 import browser from './utils/browser';
-import { getElements, hasClass, toggleClass } from './utils/elements';
+import { getElements, hasClass, toggleClass, closest } from './utils/elements';
 import { on, triggerEvent } from './utils/events';
 import is from './utils/is';
 import { silencePromise } from './utils/promise';
@@ -25,6 +25,11 @@ class Fullscreen {
         // Force the use of 'full window/browser' rather than fullscreen
         this.forceFallback = player.config.fullscreen.fallback === 'force';
 
+        // Get the fullscreen element
+        // Checks container is an ancestor, defaults to null
+        this.player.elements.fullscreen = player.config.fullscreen.container
+            && closest(this.player.elements.container, player.config.fullscreen.container);
+
         // Register event listeners
         // Handle event (incase user presses escape etc)
         on.call(
@@ -126,7 +131,7 @@ class Fullscreen {
     get target() {
         return browser.isIos && this.player.config.fullscreen.iosNative
             ? this.player.media
-            : this.player.elements.container;
+            : this.player.elements.fullscreen || this.player.elements.container;
     }
 
     onChange() {