Move to dom.js

videojs · Jun 19, 2023 · 77becf3 · 77becf3
1 parent 69f08d5
commit 77becf3
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 31 deletions.
diff --git a/src/js/player.js b/src/js/player.js
@@ -3076,7 +3076,7 @@ class Player extends Component {
         width: this.videoWidth(),
         height: this.videoHeight()
       }).then(pipWindow => {
-        this.copyStyleSheetsToWindow_(pipWindow);
+        Dom.copyStyleSheetsToWindow_(pipWindow);
         this.el_.parentNode.insertBefore(pipContainer, this.el_);
 
         pipWindow.document.body.append(this.el_);
@@ -3109,36 +3109,6 @@ class Player extends Component {
     return Promise.reject('No PiP mode is available');
   }
 
-  /**
-   * Copy document style sheets to another window.
-   *
-   *  @param {Window} win
-   *
-   * @private
-   */
-  copyStyleSheetsToWindow_(win) {
-    const allCSS = [...document.styleSheets]
-      .map((styleSheet) => {
-        try {
-          return [...styleSheet.cssRules].map((rule) => rule.cssText).join('');
-        } catch (e) {
-          const link = document.createElement('link');
-
-          link.rel = 'stylesheet';
-          link.type = styleSheet.type;
-          link.media = styleSheet.media;
-          link.href = styleSheet.href;
-          win.document.head.appendChild(link);
-        }
-      })
-      .filter(Boolean)
-      .join('\n');
-    const style = document.createElement('style');
-
-    style.textContent = allCSS;
-    win.document.head.appendChild(style);
-  }
-
   /**
    * Exit Picture-in-Picture mode.
    *

diff --git a/src/js/utils/dom.js b/src/js/utils/dom.js
@@ -857,3 +857,33 @@ export function computedStyle(el, prop) {
 
   return '';
 }
+
+/**
+ * Copy document style sheets to another window.
+ *
+ * @param    {Window} win
+ *           The window element you want to copy the document style style to.
+ *
+ */
+export function copyStyleSheetsToWindow_(win) {
+  const allCSS = [...document.styleSheets]
+    .map((styleSheet) => {
+      try {
+        return [...styleSheet.cssRules].map((rule) => rule.cssText).join('');
+      } catch (e) {
+        const link = document.createElement('link');
+
+        link.rel = 'stylesheet';
+        link.type = styleSheet.type;
+        link.media = styleSheet.media;
+        link.href = styleSheet.href;
+        win.document.head.appendChild(link);
+      }
+    })
+    .filter(Boolean)
+    .join('\n');
+  const style = document.createElement('style');
+
+  style.textContent = allCSS;
+  win.document.head.appendChild(style);
+}