lightgallery 2.9.0 → 3.0.0-beta.2

package/plugins/video/lg-video.min.js

@@ -1,8 +0,0 @@
-/**
- * lightgallery | 2.9.0 | October 1st 2025
- * http://www.lightgalleryjs.com/
- * Copyright (c) 2020 Sachin Neravath;
- * @license GPLv3
- */
-
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(e="undefined"!=typeof globalThis?globalThis:e||self).lgVideo=o()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var o,i=1,t=arguments.length;i<t;i++)for(var s in o=arguments[i])Object.prototype.hasOwnProperty.call(o,s)&&(e[s]=o[s]);return e}).apply(this,arguments)},o={autoplayFirstVideo:!0,youTubePlayerParams:!1,vimeoPlayerParams:!1,wistiaPlayerParams:!1,gotoNextSlideOnVideoEnd:!0,autoplayVideoOnSlide:!1,videojs:!1,videojsTheme:"",videojsOptions:{}},i="lgHasVideo",t="lgSlideItemLoad",s="lgBeforeSlide",n="lgAfterSlide",l="lgPosterClick",r=function(e){return Object.keys(e).map((function(o){return encodeURIComponent(o)+"="+encodeURIComponent(e[o])})).join("&")},d=function(o,i){if(!o.youtube)return"";var t=o.youtube[2]?o.youtube[2].slice(1).split("&").map((function(e){return e.split("=")})).reduce((function(e,o){var i=o.map(decodeURIComponent),t=i[0],s=i[1];return e[t]=s,e}),{}):"",s=i||{},n=e(e(e({},{wmode:"opaque",autoplay:0,mute:1,enablejsapi:1}),s),t);return"?"+r(n)};return function(){function a(i){return this.core=i,this.settings=e(e({},o),this.core.settings),this}return a.prototype.init=function(){var e=this;this.core.LGel.on(i+".video",this.onHasVideo.bind(this)),this.core.LGel.on(l+".video",(function(){var o=e.core.getSlideItem(e.core.index);e.loadVideoOnPosterClick(o)})),this.core.LGel.on(t+".video",this.onSlideItemLoad.bind(this)),this.core.LGel.on(s+".video",this.onBeforeSlide.bind(this)),this.core.LGel.on(n+".video",this.onAfterSlide.bind(this))},a.prototype.onSlideItemLoad=function(e){var o=this,i=e.detail,t=i.isFirstSlide,s=i.index;this.settings.autoplayFirstVideo&&t&&s===this.core.index&&setTimeout((function(){o.loadAndPlayVideo(s)}),200),!t&&this.settings.autoplayVideoOnSlide&&s===this.core.index&&this.loadAndPlayVideo(s)},a.prototype.onHasVideo=function(e){var o=e.detail,i=o.index,t=o.src,s=o.html5Video;o.hasPoster||(this.appendVideos(this.core.getSlideItem(i),{src:t,addClass:"lg-object",index:i,html5Video:s}),this.gotoNextSlideOnVideoEnd(t,i))},a.prototype.onBeforeSlide=function(e){if(this.core.lGalleryOn){var o=e.detail.prevIndex;this.pauseVideo(o)}},a.prototype.onAfterSlide=function(e){var o=this,i=e.detail,t=i.index,s=i.prevIndex,n=this.core.getSlideItem(t);this.settings.autoplayVideoOnSlide&&t!==s&&n.hasClass("lg-complete")&&setTimeout((function(){o.loadAndPlayVideo(t)}),100)},a.prototype.loadAndPlayVideo=function(e){var o=this.core.getSlideItem(e);this.core.galleryItems[e].poster?this.loadVideoOnPosterClick(o,!0):this.playVideo(e)},a.prototype.playVideo=function(e){this.controlVideo(e,"play")},a.prototype.pauseVideo=function(e){this.controlVideo(e,"pause")},a.prototype.getVideoHtml=function(e,o,i,t){var s="",n=this.core.galleryItems[i].__slideVideoInfo||{},l=this.core.galleryItems[i],a=l.title||l.alt;a=a?'title="'+a+'"':"";var c='allowtransparency="true"\n            frameborder="0"\n            scrolling="no"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen';if(n.youtube){var u="lg-youtube"+i,f=d(n,this.settings.youTubePlayerParams);s='<iframe allow="autoplay" id='+u+' class="lg-video-object lg-youtube '+o+'" '+a+' src="'+(e.includes("youtube-nocookie.com")?"//www.youtube-nocookie.com/":"//www.youtube.com/")+"embed/"+(n.youtube[1]+f)+'" '+c+"></iframe>"}else if(n.vimeo){u="lg-vimeo"+i;var h=function(e,o){if(!o||!o.vimeo)return"";var i=o.vimeo[2]||"",t=Object.assign({},{autoplay:0,muted:1},e),s=t&&0!==Object.keys(t).length?r(t):"",n=((o.vimeo[0].split("/").pop()||"").split("?")[0]||"").split("#")[0],l=o.vimeo[1]!==n;l&&(i=i.replace("/"+n,""));var d=l?"h="+n:"";return"?"+d+(s=d?"&"+s:s)+("?"==i[0]?"&"+i.slice(1):i||"")}(this.settings.vimeoPlayerParams,n);s='<iframe allow="autoplay" id='+u+' class="lg-video-object lg-vimeo '+o+'" '+a+' src="//player.vimeo.com/video/'+(n.vimeo[1]+h)+'" '+c+"></iframe>"}else if(n.wistia){var g="lg-wistia"+i;h=(h=r(this.settings.wistiaPlayerParams))?"?"+h:"",s='<iframe allow="autoplay" id="'+g+'" src="//fast.wistia.net/embed/iframe/'+(n.wistia[4]+h)+'" '+a+' class="wistia_embed lg-video-object lg-wistia '+o+'" name="wistia_embed" '+c+"></iframe>"}else if(n.html5){for(var p="",y=0;y<t.source.length;y++){var v=t.source[y].type,m=v?'type="'+v+'"':"";p+='<source src="'+t.source[y].src+'" '+m+">"}if(t.tracks){var w=function(e){var o="",i=t.tracks[e];Object.keys(i||{}).forEach((function(e){o+=e+'="'+i[e]+'" '})),p+="<track "+o+">"};for(y=0;y<t.tracks.length;y++)w(y)}var V="",b=t.attributes||{};Object.keys(b||{}).forEach((function(e){V+=e+'="'+b[e]+'" '})),s='<video class="lg-video-object lg-html5 '+(this.settings.videojs&&this.settings.videojsTheme?this.settings.videojsTheme+" ":"")+" "+(this.settings.videojs?" video-js":"")+'" '+V+">\n                "+p+"\n                Your browser does not support HTML5 video.\n            </video>"}return s},a.prototype.appendVideos=function(e,o){var i,t=this.getVideoHtml(o.src,o.addClass,o.index,o.html5Video);e.find(".lg-video-cont").append(t);var s=e.find(".lg-video-object").first();if(o.html5Video&&s.on("mousedown.lg.video",(function(e){e.stopPropagation()})),this.settings.videojs&&(null===(i=this.core.galleryItems[o.index].__slideVideoInfo)||void 0===i?void 0:i.html5))try{return videojs(s.get(),this.settings.videojsOptions)}catch(e){console.error("lightGallery:- Make sure you have included videojs")}},a.prototype.gotoNextSlideOnVideoEnd=function(e,o){var i=this,t=this.core.getSlideItem(o).find(".lg-video-object").first(),s=this.core.galleryItems[o].__slideVideoInfo||{};if(this.settings.gotoNextSlideOnVideoEnd)if(s.html5)t.on("ended",(function(){i.core.goToNextSlide()}));else if(s.vimeo)try{new Vimeo.Player(t.get()).on("ended",(function(){i.core.goToNextSlide()}))}catch(e){console.error("lightGallery:- Make sure you have included //github.com/vimeo/player.js")}else if(s.wistia)try{window._wq=window._wq||[],window._wq.push({id:t.attr("id"),onReady:function(e){e.bind("end",(function(){i.core.goToNextSlide()}))}})}catch(e){console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},a.prototype.controlVideo=function(e,o){var i=this.core.getSlideItem(e).find(".lg-video-object").first(),t=this.core.galleryItems[e].__slideVideoInfo||{};if(i.get())if(t.youtube)try{i.get().contentWindow.postMessage('{"event":"command","func":"'+o+'Video","args":""}',"*")}catch(e){console.error("lightGallery:- "+e)}else if(t.vimeo)try{new Vimeo.Player(i.get())[o]()}catch(e){console.error("lightGallery:- Make sure you have included //github.com/vimeo/player.js")}else if(t.html5)if(this.settings.videojs)try{videojs(i.get())[o]()}catch(e){console.error("lightGallery:- Make sure you have included videojs")}else i.get()[o]();else if(t.wistia)try{window._wq=window._wq||[],window._wq.push({id:i.attr("id"),onReady:function(e){e[o]()}})}catch(e){console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},a.prototype.loadVideoOnPosterClick=function(e,o){var i=this;if(e.hasClass("lg-video-loaded"))o&&this.playVideo(this.core.index);else if(e.hasClass("lg-has-video"))this.playVideo(this.core.index);else{e.addClass("lg-has-video");var t=void 0,s=this.core.galleryItems[this.core.index].src,n=this.core.galleryItems[this.core.index].video;n&&(t="string"==typeof n?JSON.parse(n):n);var l=this.appendVideos(e,{src:s,addClass:"",index:this.core.index,html5Video:t});this.gotoNextSlideOnVideoEnd(s,this.core.index);var r=e.find(".lg-object").first().get();e.find(".lg-video-cont").first().append(r),e.addClass("lg-video-loading"),l&&l.ready((function(){l.on("loadedmetadata",(function(){i.onVideoLoadAfterPosterClick(e,i.core.index)}))})),e.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg",(function(){setTimeout((function(){i.onVideoLoadAfterPosterClick(e,i.core.index)}),50)}))}},a.prototype.onVideoLoadAfterPosterClick=function(e,o){e.addClass("lg-video-loaded"),this.playVideo(o)},a.prototype.destroy=function(){this.core.LGel.off(".lg.video"),this.core.LGel.off(".video")},a}()}));

package/plugins/video/lg-video.umd.js

@@ -1,553 +0,0 @@
-/*!
- * lightgallery | 2.9.0 | October 1st 2025
- * http://www.lightgalleryjs.com/
- * Copyright (c) 2020 Sachin Neravath;
- * @license GPLv3
- */
-
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.lgVideo = factory());
-}(this, (function () { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    var videoSettings = {
-        autoplayFirstVideo: true,
-        youTubePlayerParams: false,
-        vimeoPlayerParams: false,
-        wistiaPlayerParams: false,
-        gotoNextSlideOnVideoEnd: true,
-        autoplayVideoOnSlide: false,
-        videojs: false,
-        videojsTheme: '',
-        videojsOptions: {},
-    };
-
-    /**
-     * List of lightGallery events
-     * All events should be documented here
-     * Below interfaces are used to build the website documentations
-     * */
-    var lGEvents = {
-        afterAppendSlide: 'lgAfterAppendSlide',
-        init: 'lgInit',
-        hasVideo: 'lgHasVideo',
-        containerResize: 'lgContainerResize',
-        updateSlides: 'lgUpdateSlides',
-        afterAppendSubHtml: 'lgAfterAppendSubHtml',
-        beforeOpen: 'lgBeforeOpen',
-        afterOpen: 'lgAfterOpen',
-        slideItemLoad: 'lgSlideItemLoad',
-        beforeSlide: 'lgBeforeSlide',
-        afterSlide: 'lgAfterSlide',
-        posterClick: 'lgPosterClick',
-        dragStart: 'lgDragStart',
-        dragMove: 'lgDragMove',
-        dragEnd: 'lgDragEnd',
-        beforeNextSlide: 'lgBeforeNextSlide',
-        beforePrevSlide: 'lgBeforePrevSlide',
-        beforeClose: 'lgBeforeClose',
-        afterClose: 'lgAfterClose',
-        rotateLeft: 'lgRotateLeft',
-        rotateRight: 'lgRotateRight',
-        flipHorizontal: 'lgFlipHorizontal',
-        flipVertical: 'lgFlipVertical',
-        autoplay: 'lgAutoplay',
-        autoplayStart: 'lgAutoplayStart',
-        autoplayStop: 'lgAutoplayStop',
-    };
-
-    var param = function (obj) {
-        return Object.keys(obj)
-            .map(function (k) {
-            return encodeURIComponent(k) + '=' + encodeURIComponent(obj[k]);
-        })
-            .join('&');
-    };
-    var paramsToObject = function (url) {
-        var paramas = url
-            .slice(1)
-            .split('&')
-            .map(function (p) { return p.split('='); })
-            .reduce(function (obj, pair) {
-            var _a = pair.map(decodeURIComponent), key = _a[0], value = _a[1];
-            obj[key] = value;
-            return obj;
-        }, {});
-        return paramas;
-    };
-    var getYouTubeParams = function (videoInfo, youTubePlayerParamsSettings) {
-        if (!videoInfo.youtube)
-            return '';
-        var slideUrlParams = videoInfo.youtube[2]
-            ? paramsToObject(videoInfo.youtube[2])
-            : '';
-        // For youtube first params gets priority if duplicates found
-        var defaultYouTubePlayerParams = {
-            wmode: 'opaque',
-            autoplay: 0,
-            mute: 1,
-            enablejsapi: 1,
-        };
-        var playerParamsSettings = youTubePlayerParamsSettings || {};
-        var youTubePlayerParams = __assign(__assign(__assign({}, defaultYouTubePlayerParams), playerParamsSettings), slideUrlParams);
-        var youTubeParams = "?" + param(youTubePlayerParams);
-        return youTubeParams;
-    };
-    var isYouTubeNoCookie = function (url) {
-        return url.includes('youtube-nocookie.com');
-    };
-    var getVimeoURLParams = function (defaultParams, videoInfo) {
-        if (!videoInfo || !videoInfo.vimeo)
-            return '';
-        var urlParams = videoInfo.vimeo[2] || '';
-        var defaultVimeoPlayerParams = Object.assign({}, {
-            autoplay: 0,
-            muted: 1,
-        }, defaultParams);
-        var defaultPlayerParams = defaultVimeoPlayerParams &&
-            Object.keys(defaultVimeoPlayerParams).length !== 0
-            ? param(defaultVimeoPlayerParams)
-            : '';
-        // Support private video
-        var urlWithHash = videoInfo.vimeo[0].split('/').pop() || '';
-        var urlWithHashWithParams = urlWithHash.split('?')[0] || '';
-        var hash = urlWithHashWithParams.split('#')[0];
-        var isPrivate = videoInfo.vimeo[1] !== hash;
-        if (isPrivate) {
-            urlParams = urlParams.replace("/" + hash, '');
-        }
-        urlParams =
-            urlParams[0] == '?' ? '&' + urlParams.slice(1) : urlParams || '';
-        var privateUrlParams = isPrivate ? "h=" + hash : '';
-        defaultPlayerParams = privateUrlParams
-            ? "&" + defaultPlayerParams
-            : defaultPlayerParams;
-        var vimeoPlayerParams = "?" + privateUrlParams + defaultPlayerParams + urlParams;
-        return vimeoPlayerParams;
-    };
-
-    /**
-     * Video module for lightGallery
-     * Supports HTML5, YouTube, Vimeo, wistia videos
-     *
-     *
-     * @ref Wistia
-     * https://wistia.com/support/integrations/wordpress(How to get url)
-     * https://wistia.com/support/developers/embed-options#using-embed-options
-     * https://wistia.com/support/developers/player-api
-     * https://wistia.com/support/developers/construct-an-embed-code
-     * http://jsfiddle.net/xvnm7xLm/
-     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video
-     * https://wistia.com/support/embed-and-share/sharing-videos
-     * https://private-sharing.wistia.com/medias/mwhrulrucj
-     *
-     * @ref Youtube
-     * https://developers.google.com/youtube/player_parameters#enablejsapi
-     * https://developers.google.com/youtube/iframe_api_reference
-     * https://developer.chrome.com/blog/autoplay/#iframe-delegation
-     *
-     * @ref Vimeo
-     * https://stackoverflow.com/questions/10488943/easy-way-to-get-vimeo-id-from-a-vimeo-url
-     * https://vimeo.zendesk.com/hc/en-us/articles/360000121668-Starting-playback-at-a-specific-timecode
-     * https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters
-     */
-    var Video = /** @class */ (function () {
-        function Video(instance) {
-            // get lightGallery core plugin instance
-            this.core = instance;
-            this.settings = __assign(__assign({}, videoSettings), this.core.settings);
-            return this;
-        }
-        Video.prototype.init = function () {
-            var _this = this;
-            /**
-             * Event triggered when video url found without poster
-             * Append video HTML
-             * Play if autoplayFirstVideo is true
-             */
-            this.core.LGel.on(lGEvents.hasVideo + ".video", this.onHasVideo.bind(this));
-            this.core.LGel.on(lGEvents.posterClick + ".video", function () {
-                var $el = _this.core.getSlideItem(_this.core.index);
-                _this.loadVideoOnPosterClick($el);
-            });
-            this.core.LGel.on(lGEvents.slideItemLoad + ".video", this.onSlideItemLoad.bind(this));
-            // @desc fired immediately before each slide transition.
-            this.core.LGel.on(lGEvents.beforeSlide + ".video", this.onBeforeSlide.bind(this));
-            // @desc fired immediately after each slide transition.
-            this.core.LGel.on(lGEvents.afterSlide + ".video", this.onAfterSlide.bind(this));
-        };
-        /**
-         * @desc Event triggered when a slide is completely loaded
-         *
-         * @param {Event} event - lightGalley custom event
-         */
-        Video.prototype.onSlideItemLoad = function (event) {
-            var _this = this;
-            var _a = event.detail, isFirstSlide = _a.isFirstSlide, index = _a.index;
-            // Should check the active slide as well as user may have moved to different slide before the first slide is loaded
-            if (this.settings.autoplayFirstVideo &&
-                isFirstSlide &&
-                index === this.core.index) {
-                // Delay is just for the transition effect on video load
-                setTimeout(function () {
-                    _this.loadAndPlayVideo(index);
-                }, 200);
-            }
-            // Should not call on first slide. should check only if the slide is active
-            if (!isFirstSlide &&
-                this.settings.autoplayVideoOnSlide &&
-                index === this.core.index) {
-                this.loadAndPlayVideo(index);
-            }
-        };
-        /**
-         * @desc Event triggered when video url or poster found
-         * Append video HTML is poster is not given
-         * Play if autoplayFirstVideo is true
-         *
-         * @param {Event} event - Javascript Event object.
-         */
-        Video.prototype.onHasVideo = function (event) {
-            var _a = event.detail, index = _a.index, src = _a.src, html5Video = _a.html5Video, hasPoster = _a.hasPoster;
-            if (!hasPoster) {
-                // All functions are called separately if poster exist in loadVideoOnPosterClick function
-                this.appendVideos(this.core.getSlideItem(index), {
-                    src: src,
-                    addClass: 'lg-object',
-                    index: index,
-                    html5Video: html5Video,
-                });
-                // Automatically navigate to next slide once video reaches the end.
-                this.gotoNextSlideOnVideoEnd(src, index);
-            }
-        };
-        /**
-         * @desc fired immediately before each slide transition.
-         * Pause the previous video
-         * Hide the download button if the slide contains YouTube, Vimeo, or Wistia videos.
-         *
-         * @param {Event} event - Javascript Event object.
-         * @param {number} prevIndex - Previous index of the slide.
-         * @param {number} index - Current index of the slide
-         */
-        Video.prototype.onBeforeSlide = function (event) {
-            if (this.core.lGalleryOn) {
-                var prevIndex = event.detail.prevIndex;
-                this.pauseVideo(prevIndex);
-            }
-        };
-        /**
-         * @desc fired immediately after each slide transition.
-         * Play video if autoplayVideoOnSlide option is enabled.
-         *
-         * @param {Event} event - Javascript Event object.
-         * @param {number} prevIndex - Previous index of the slide.
-         * @param {number} index - Current index of the slide
-         * @todo should check on onSlideLoad as well if video is not loaded on after slide
-         */
-        Video.prototype.onAfterSlide = function (event) {
-            var _this = this;
-            var _a = event.detail, index = _a.index, prevIndex = _a.prevIndex;
-            // Do not call on first slide
-            var $slide = this.core.getSlideItem(index);
-            if (this.settings.autoplayVideoOnSlide && index !== prevIndex) {
-                if ($slide.hasClass('lg-complete')) {
-                    setTimeout(function () {
-                        _this.loadAndPlayVideo(index);
-                    }, 100);
-                }
-            }
-        };
-        Video.prototype.loadAndPlayVideo = function (index) {
-            var $slide = this.core.getSlideItem(index);
-            var currentGalleryItem = this.core.galleryItems[index];
-            if (currentGalleryItem.poster) {
-                this.loadVideoOnPosterClick($slide, true);
-            }
-            else {
-                this.playVideo(index);
-            }
-        };
-        /**
-         * Play HTML5, Youtube, Vimeo or Wistia videos in a particular slide.
-         * @param {number} index - Index of the slide
-         */
-        Video.prototype.playVideo = function (index) {
-            this.controlVideo(index, 'play');
-        };
-        /**
-         * Pause HTML5, Youtube, Vimeo or Wistia videos in a particular slide.
-         * @param {number} index - Index of the slide
-         */
-        Video.prototype.pauseVideo = function (index) {
-            this.controlVideo(index, 'pause');
-        };
-        Video.prototype.getVideoHtml = function (src, addClass, index, html5Video) {
-            var video = '';
-            var videoInfo = this.core.galleryItems[index]
-                .__slideVideoInfo || {};
-            var currentGalleryItem = this.core.galleryItems[index];
-            var videoTitle = currentGalleryItem.title || currentGalleryItem.alt;
-            videoTitle = videoTitle ? 'title="' + videoTitle + '"' : '';
-            var commonIframeProps = "allowtransparency=\"true\"\n            frameborder=\"0\"\n            scrolling=\"no\"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen";
-            if (videoInfo.youtube) {
-                var videoId = 'lg-youtube' + index;
-                var youTubeParams = getYouTubeParams(videoInfo, this.settings.youTubePlayerParams);
-                var isYouTubeNoCookieURL = isYouTubeNoCookie(src);
-                var youtubeURL = isYouTubeNoCookieURL
-                    ? '//www.youtube-nocookie.com/'
-                    : '//www.youtube.com/';
-                video = "<iframe allow=\"autoplay\" id=" + videoId + " class=\"lg-video-object lg-youtube " + addClass + "\" " + videoTitle + " src=\"" + youtubeURL + "embed/" + (videoInfo.youtube[1] + youTubeParams) + "\" " + commonIframeProps + "></iframe>";
-            }
-            else if (videoInfo.vimeo) {
-                var videoId = 'lg-vimeo' + index;
-                var playerParams = getVimeoURLParams(this.settings.vimeoPlayerParams, videoInfo);
-                video = "<iframe allow=\"autoplay\" id=" + videoId + " class=\"lg-video-object lg-vimeo " + addClass + "\" " + videoTitle + " src=\"//player.vimeo.com/video/" + (videoInfo.vimeo[1] + playerParams) + "\" " + commonIframeProps + "></iframe>";
-            }
-            else if (videoInfo.wistia) {
-                var wistiaId = 'lg-wistia' + index;
-                var playerParams = param(this.settings.wistiaPlayerParams);
-                playerParams = playerParams ? '?' + playerParams : '';
-                video = "<iframe allow=\"autoplay\" id=\"" + wistiaId + "\" src=\"//fast.wistia.net/embed/iframe/" + (videoInfo.wistia[4] + playerParams) + "\" " + videoTitle + " class=\"wistia_embed lg-video-object lg-wistia " + addClass + "\" name=\"wistia_embed\" " + commonIframeProps + "></iframe>";
-            }
-            else if (videoInfo.html5) {
-                var html5VideoMarkup = '';
-                for (var i = 0; i < html5Video.source.length; i++) {
-                    var type = html5Video.source[i].type;
-                    var typeAttr = type ? "type=\"" + type + "\"" : '';
-                    html5VideoMarkup += "<source src=\"" + html5Video.source[i].src + "\" " + typeAttr + ">";
-                }
-                if (html5Video.tracks) {
-                    var _loop_1 = function (i) {
-                        var trackAttributes = '';
-                        var track = html5Video.tracks[i];
-                        Object.keys(track || {}).forEach(function (key) {
-                            trackAttributes += key + "=\"" + track[key] + "\" ";
-                        });
-                        html5VideoMarkup += "<track " + trackAttributes + ">";
-                    };
-                    for (var i = 0; i < html5Video.tracks.length; i++) {
-                        _loop_1(i);
-                    }
-                }
-                var html5VideoAttrs_1 = '';
-                var videoAttributes_1 = html5Video.attributes || {};
-                Object.keys(videoAttributes_1 || {}).forEach(function (key) {
-                    html5VideoAttrs_1 += key + "=\"" + videoAttributes_1[key] + "\" ";
-                });
-                video = "<video class=\"lg-video-object lg-html5 " + (this.settings.videojs && this.settings.videojsTheme
-                    ? this.settings.videojsTheme + ' '
-                    : '') + " " + (this.settings.videojs ? ' video-js' : '') + "\" " + html5VideoAttrs_1 + ">\n                " + html5VideoMarkup + "\n                Your browser does not support HTML5 video.\n            </video>";
-            }
-            return video;
-        };
-        /**
-         * @desc - Append videos to the slide
-         *
-         * @param {HTMLElement} el - slide element
-         * @param {Object} videoParams - Video parameters, Contains src, class, index, htmlVideo
-         */
-        Video.prototype.appendVideos = function (el, videoParams) {
-            var _a;
-            var videoHtml = this.getVideoHtml(videoParams.src, videoParams.addClass, videoParams.index, videoParams.html5Video);
-            el.find('.lg-video-cont').append(videoHtml);
-            var $videoElement = el.find('.lg-video-object').first();
-            if (videoParams.html5Video) {
-                $videoElement.on('mousedown.lg.video', function (e) {
-                    e.stopPropagation();
-                });
-            }
-            if (this.settings.videojs && ((_a = this.core.galleryItems[videoParams.index].__slideVideoInfo) === null || _a === void 0 ? void 0 : _a.html5)) {
-                try {
-                    return videojs($videoElement.get(), this.settings.videojsOptions);
-                }
-                catch (e) {
-                    console.error('lightGallery:- Make sure you have included videojs');
-                }
-            }
-        };
-        Video.prototype.gotoNextSlideOnVideoEnd = function (src, index) {
-            var _this = this;
-            var $videoElement = this.core
-                .getSlideItem(index)
-                .find('.lg-video-object')
-                .first();
-            var videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
-            if (this.settings.gotoNextSlideOnVideoEnd) {
-                if (videoInfo.html5) {
-                    $videoElement.on('ended', function () {
-                        _this.core.goToNextSlide();
-                    });
-                }
-                else if (videoInfo.vimeo) {
-                    try {
-                        // https://github.com/vimeo/player.js/#ended
-                        new Vimeo.Player($videoElement.get()).on('ended', function () {
-                            _this.core.goToNextSlide();
-                        });
-                    }
-                    catch (e) {
-                        console.error('lightGallery:- Make sure you have included //github.com/vimeo/player.js');
-                    }
-                }
-                else if (videoInfo.wistia) {
-                    try {
-                        window._wq = window._wq || [];
-                        // @todo Event is gettign triggered multiple times
-                        window._wq.push({
-                            id: $videoElement.attr('id'),
-                            onReady: function (video) {
-                                video.bind('end', function () {
-                                    _this.core.goToNextSlide();
-                                });
-                            },
-                        });
-                    }
-                    catch (e) {
-                        console.error('lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
-                    }
-                }
-            }
-        };
-        Video.prototype.controlVideo = function (index, action) {
-            var $videoElement = this.core
-                .getSlideItem(index)
-                .find('.lg-video-object')
-                .first();
-            var videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
-            if (!$videoElement.get())
-                return;
-            if (videoInfo.youtube) {
-                try {
-                    $videoElement.get().contentWindow.postMessage("{\"event\":\"command\",\"func\":\"" + action + "Video\",\"args\":\"\"}", '*');
-                }
-                catch (e) {
-                    console.error("lightGallery:- " + e);
-                }
-            }
-            else if (videoInfo.vimeo) {
-                try {
-                    new Vimeo.Player($videoElement.get())[action]();
-                }
-                catch (e) {
-                    console.error('lightGallery:- Make sure you have included //github.com/vimeo/player.js');
-                }
-            }
-            else if (videoInfo.html5) {
-                if (this.settings.videojs) {
-                    try {
-                        videojs($videoElement.get())[action]();
-                    }
-                    catch (e) {
-                        console.error('lightGallery:- Make sure you have included videojs');
-                    }
-                }
-                else {
-                    $videoElement.get()[action]();
-                }
-            }
-            else if (videoInfo.wistia) {
-                try {
-                    window._wq = window._wq || [];
-                    // @todo Find a way to destroy wistia player instance
-                    window._wq.push({
-                        id: $videoElement.attr('id'),
-                        onReady: function (video) {
-                            video[action]();
-                        },
-                    });
-                }
-                catch (e) {
-                    console.error('lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
-                }
-            }
-        };
-        Video.prototype.loadVideoOnPosterClick = function ($el, forcePlay) {
-            var _this = this;
-            // check slide has poster
-            if (!$el.hasClass('lg-video-loaded')) {
-                // check already video element present
-                if (!$el.hasClass('lg-has-video')) {
-                    $el.addClass('lg-has-video');
-                    var _html = void 0;
-                    var _src = this.core.galleryItems[this.core.index].src;
-                    var video = this.core.galleryItems[this.core.index].video;
-                    if (video) {
-                        _html =
-                            typeof video === 'string' ? JSON.parse(video) : video;
-                    }
-                    var videoJsPlayer_1 = this.appendVideos($el, {
-                        src: _src,
-                        addClass: '',
-                        index: this.core.index,
-                        html5Video: _html,
-                    });
-                    this.gotoNextSlideOnVideoEnd(_src, this.core.index);
-                    var $tempImg = $el.find('.lg-object').first().get();
-                    // @todo make sure it is working
-                    $el.find('.lg-video-cont').first().append($tempImg);
-                    $el.addClass('lg-video-loading');
-                    videoJsPlayer_1 &&
-                        videoJsPlayer_1.ready(function () {
-                            videoJsPlayer_1.on('loadedmetadata', function () {
-                                _this.onVideoLoadAfterPosterClick($el, _this.core.index);
-                            });
-                        });
-                    $el.find('.lg-video-object')
-                        .first()
-                        .on('load.lg error.lg loadedmetadata.lg', function () {
-                        setTimeout(function () {
-                            _this.onVideoLoadAfterPosterClick($el, _this.core.index);
-                        }, 50);
-                    });
-                }
-                else {
-                    this.playVideo(this.core.index);
-                }
-            }
-            else if (forcePlay) {
-                this.playVideo(this.core.index);
-            }
-        };
-        Video.prototype.onVideoLoadAfterPosterClick = function ($el, index) {
-            $el.addClass('lg-video-loaded');
-            this.playVideo(index);
-        };
-        Video.prototype.destroy = function () {
-            this.core.LGel.off('.lg.video');
-            this.core.LGel.off('.video');
-        };
-        return Video;
-    }());
-
-    return Video;
-
-})));
-//# sourceMappingURL=lg-video.umd.js.map