Merge pull request #480 from biati-digital/v4-beta-video-alternative

feat: V4 beta video alternative

packages/glightbox/src/glightbox.ts

@@ -116,13 +116,14 @@ export default class GLightbox {
             this.trigger('slide_before_change', { current: this.state.get('prevActiveSlideIndex'), next: index });
         }
 
-        await this.preloadSlide(index, !first);
         const effect = this.options.appearance?.slideEffect;
         const openEffect = this.options.appearance?.openEffect;
         const scrollAnim = effect !== 'slide' || first ? 'instant' : 'smooth';
 
         slideNode.scrollIntoView({ behavior: scrollAnim, block: 'start', inline: 'start' });
 
+        await this.preloadSlide(index, !first);
+
         removeClass(media, 'gl-animation-ended');
 
         if (first && openEffect) {

packages/utils/src/index.ts

@@ -136,6 +136,27 @@ export function windowSize() {
     };
 }
 
+
+export function createIframe(config) {
+    const { url, attrs, appendTo } = config;
+    const iframe = document.createElement('iframe');
+    iframe.className = 'gl-iframe';
+    iframe.src = url;
+    iframe.style.width = '100%';
+    iframe.style.height = '100%';
+
+    if (attrs) {
+        for (const [key, value] of Object.entries(attrs)) {
+            iframe.setAttribute(key, value as string);
+        }
+    }
+    if (appendTo) {
+        appendTo.appendChild(iframe);
+    }
+    return iframe
+}
+
+
 /**
  * Inject videos api
  * used for video player

packages/video/package.json

@@ -28,7 +28,8 @@
     "glightbox"
   ],
   "dependencies": {
-    "@glightbox/plugin-core": "1.0.0-beta.3"
+    "@glightbox/plugin-core": "1.0.0-beta.3",
+    "@glightbox/utils": "1.0.0-beta.1"
   },
   "license": "GPLV3"
 }