j1-template 2024.3.22 → 2024.3.24

data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js

@@ -1,12 +1,12 @@
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js
- # Provides lightGallery JS code for the plugin lgVideo
+ # Provides lightGallery v2.8.3 JS code for the plugin lgVideo
  #
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2023 Sachin Neravath
+ # Copyright (C) 2025 Sachin Neravath
  # Copyright (C) 2023-2025 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
@@ -16,12 +16,12 @@
  # -----------------------------------------------------------------------------
 */
 
-/*
- * lightgallery | 2.7.2 | September 20th 2023
+/*!
+ * lightgallery | 2.8.3 | March 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() :
@@ -44,9 +44,6 @@
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
 
-    var url = new URL(window.location.href);
-    var origin = url.origin;
-
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
             for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -58,6 +55,7 @@
         return __assign.apply(this, arguments);
     };
 
+    // jadams
     var videoSettings = {
         autoplayFirstVideo: true,
         htmlPlayerParams: false,
@@ -132,20 +130,13 @@
         var slideUrlParams = videoInfo.youtube[2]
             ? paramsToObject(videoInfo.youtube[2])
             : '';
-
-        // For YouTube first params gets priority if duplicates found
-        // See: https://stackoverflow.com/questions/40685142/youtube-autoplay-does-not-work-with-iframe
+        // For youtube first params gets priority if duplicates found
         var defaultYouTubePlayerParams = {
+            wmode: 'opaque',
             autoplay: 0,
-            controls: 1,
-            enablejsapi: 1,
-            hl: 'en',
-            loop: 0,
             mute: 1,
-            wmode: 'opaque',
-            origin: origin,
+            enablejsapi: 1,
         };
-
         var playerParamsSettings = youTubePlayerParamsSettings || {};
         var youTubePlayerParams = __assign(__assign(__assign({}, defaultYouTubePlayerParams), playerParamsSettings), slideUrlParams);
         var youTubeParams = "?" + param(youTubePlayerParams);
@@ -158,8 +149,13 @@
         if (!videoInfo || !videoInfo.vimeo)
             return '';
         var urlParams = videoInfo.vimeo[2] || '';
-        var defaultPlayerParams = defaultParams && Object.keys(defaultParams).length !== 0
-            ? '&' + param(defaultParams)
+        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() || '';
@@ -171,11 +167,15 @@
         }
         urlParams =
             urlParams[0] == '?' ? '&' + urlParams.slice(1) : urlParams || '';
-        // For vimeo last params gets priority if duplicates found
-        var vimeoPlayerParams = "?autoplay=0&muted=1" + (isPrivate ? "&h=" + hash : '') + defaultPlayerParams + urlParams;
+        var privateUrlParams = isPrivate ? "h=" + hash : '';
+        defaultPlayerParams = privateUrlParams
+            ? "&" + defaultPlayerParams
+            : defaultPlayerParams;
+        var vimeoPlayerParams = "?" + privateUrlParams + defaultPlayerParams + urlParams;
         return vimeoPlayerParams;
     };
 
+    // jadams
     var getTikTokURLParams = function (defaultParams, videoInfo) {
         if (!videoInfo || !videoInfo.tiktok)
             return '';
@@ -198,6 +198,7 @@
         return tiktokPlayerParams;
     };
 
+    // jadams
     // -------------------------------------------------------------------------
     // loadVtt
     // Loads a given WEBVTT file (from data path) and process loaded
@@ -215,7 +216,272 @@
         }
       });
 
-    } // END loadVtt
+    }; // END loadVtt
+
+
+    // jadams
+    // -------------------------------------------------------------------------
+    // vjsProcessExtendedButtonsAndPlugins
+    // Loads a given WEBVTT file (from data path) and process loaded
+    // data in callback cb (function)
+    // -------------------------------------------------------------------------
+    var vjsProcessExtendedButtonsAndPlugins = function (vjsObject, videojsPlayer, videoInfo) {
+        const vjsOptions = j1.modules.videojs.options;
+        var videoInfo, videoStart, videojsPlayer,
+            playbackRates, hotKeysPlugin, skipButtonsPlugin, zoomPlugin;
+
+        var videoData = {
+            tracks: false
+        };
+
+        var playbackRatesDefaults = vjsOptions.playbackRates.values;
+        var chapterTracksEnabled  = false;
+
+        var hotKeysPluginDefaults    = {
+            volumeStep:                 vjsOptions.plugins.hotKeys.volumeStep,
+            seekStep:                   vjsOptions.plugins.hotKeys.seekStep,
+            enableMute:                 vjsOptions.plugins.hotKeys.enableMute,
+            enableVolumeScroll:         vjsOptions.plugins.hotKeys.enableVolumeScroll,
+            enableHoverScroll:          vjsOptions.plugins.hotKeys.enableHoverScroll,
+            enableFullscreen:           vjsOptions.plugins.hotKeys.enableFullscreen,
+            enableNumbers:              vjsOptions.plugins.hotKeys.enableNumbers,
+            enableJogStyle:             vjsOptions.plugins.hotKeys.enableJogStyle,
+            alwaysCaptureHotkeys:       vjsOptions.plugins.hotKeys.alwaysCaptureHotkeys,
+            captureDocumentHotkeys:     vjsOptions.plugins.hotKeys.captureDocumentHotkeys,
+            enableModifiersForNumbers:  vjsOptions.plugins.hotKeys.enableModifiersForNumbers,
+            enableInactiveFocus:        vjsOptions.plugins.hotKeys.enableInactiveFocus,
+            skipInitialFocus:           vjsOptions.plugins.hotKeys.skipInitialFocus
+        };
+
+        var skipButtonsPluginDefaults  = {
+            backward:                     vjsOptions.plugins.skipButtons.backward,
+            forward:                      vjsOptions.plugins.skipButtons.forward,
+            backwardIndex:                0,
+            forwardIndex:                 1
+        };
+
+        var zoomPluginDefaults = {
+            moveX:                      vjsOptions.plugins.zoomButtons.moveX,
+            moveY:                      vjsOptions.plugins.zoomButtons.moveY,
+            rotate:                     vjsOptions.plugins.zoomButtons.rotate,
+            zoom:                       vjsOptions.plugins.zoomButtons.zoom
+        };
+
+        //  jadams, 2025-06-11: added customControlContainer
+        // ---------------------------------------------------------------------
+        var vjsPlayerControlBar = videojsPlayer.controlBar;
+
+        // create customControlContainer for progressControlSilder|time (display) elements
+        const customProgressContainer = vjsPlayerControlBar.addChild('Component', {
+            el: videojs.dom.createEl('div', {
+                className: 'vjs-theme-uno custom-progressbar-container'
+            })
+        });
+
+        // move progressControlSlider into customControlContainer
+        const progressControlSlider = vjsPlayerControlBar.progressControl;
+        if (progressControlSlider) {
+            customProgressContainer.el().appendChild(progressControlSlider.el());
+        }
+
+        // move currentTimeDisplay BEFORE the progressControlSilder
+        const currentTimeDisplay = vjsPlayerControlBar.currentTimeDisplay;
+        if (currentTimeDisplay) {
+            customProgressContainer.el().insertBefore(currentTimeDisplay.el(), progressControlSlider.el());
+        }
+
+        // move the durationDisplay AFTER the progressControlSilder
+        const durationDisplay = vjsPlayerControlBar.durationDisplay;
+        if (durationDisplay) {
+            customProgressContainer.el().appendChild(durationDisplay.el());
+        }
+
+        // configure VideoJS (extended) Plugins
+        // ---------------------------------------------------------------------
+        hotKeysPlugin     = (vjsObject.settings.videojsOptions.hotKeysPlugin !== undefined) ? vjsObject.settings.videojsOptions.hotKeysPlugin : hotKeysPluginDefaults;
+        skipButtonsPlugin = (vjsObject.settings.videojsOptions.controlBar.skipButtonsPlugin !== undefined) ? vjsObject.settings.videojsOptions.controlBar.skipButtonsPlugin : skipButtonsPluginDefaults;
+        zoomPlugin        = (vjsObject.settings.videojsOptions.controlBar.zoomPlugin !== undefined) ? vjsObject.settings.videojsOptions.controlBar.zoomPlugin : false;
+        playbackRates     = (vjsObject.settings.videojsOptions.controlBar.playbackRates !== undefined) ? vjsObject.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
+
+        //  jadams, 2024-01-22: added video start position
+        // ---------------------------------------------------------------------
+        if (vjsObject.settings.videojsOptions.videoStart !== undefined) {
+            videoStart = vjsObject.settings.videojsOptions.videoStart[index];
+                videojsPlayer.on("play", function() {
+                var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
+                videojsPlayer.currentTime(startFromSecond);
+            }); // END on event play
+        } // END if videoStart
+
+        // add playbackRates, only available for VideoJS
+        // ---------------------------------------------------------------------
+        if (videojsPlayer.playbackRates !== undefined) {
+            videojsPlayer.playbackRates(playbackRates);
+        }
+
+        // add hotkeys Plugin, only available for VideoJS
+        // ---------------------------------------------------------------------
+        if (hotKeysPlugin !== undefined && hotKeysPlugin.enabled && videojsPlayer.hotKeys !== undefined) {
+
+            // merge objects
+            hotKeysPlugin.options = __assign(__assign({}, hotKeysPluginDefaults), hotKeysPlugin.options);
+
+            // prevent multiple plugin instances
+            var hotKeysActive = false;
+            if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.hotKeys !== undefined) {
+                hotKeysActive = videojsPlayer.activePlugins_.hotKeys;
+            }
+
+            if (!hotKeysActive) {
+                videojsPlayer.hotKeys({
+                    volumeStep:                         hotKeysPlugin.options.volumeStep,
+                    seekStep:                           hotKeysPlugin.options.seekStep,
+                    enableMute:                         hotKeysPlugin.options.enableMute,
+                    enableFullscreen:                   hotKeysPlugin.options.enableFullscreen,
+                    enableNumbers:                      hotKeysPlugin.options.enableNumbers,
+                    enableVolumeScroll:                 hotKeysPlugin.options.enableVolumeScroll,
+                    enableHoverScroll:                  hotKeysPlugin.options.enableHoverScroll,
+                    alwaysCaptureHotkeys:               hotKeysPlugin.options.alwaysCaptureHotkeys,
+                    captureDocumentHotkeys:             hotKeysPlugin.options.captureDocumentHotkeys,
+                    documentHotkeysFocusElementFilter:  hotKeysPlugin.options.documentHotkeysFocusElementFilter,
+
+                    // Mimic VLC seek behavior (default to: 15)
+                    seekStep: function(e) {
+                        if (e.ctrlKey && e.altKey) {
+                            return 5*60;
+                        } else if (e.ctrlKey) {
+                            return 60;
+                        } else if (e.altKey) {
+                            return 10;
+                        } else {
+                            return 15;
+                        }
+                    }
+
+                });
+            } // END if hotKeysActive
+
+        } // END if hotKeysPlugin enabled
+
+        // add skipButtons Plugin, only available for VideoJS
+        // ---------------------------------------------------------------------
+        if (skipButtonsPlugin !== undefined && skipButtonsPlugin.enabled && videojsPlayer.skipButtons !== undefined) {
+            // merge objects
+            skipButtonsPlugin.options = __assign(__assign({}, skipButtonsPluginDefaults), skipButtonsPlugin.options);
+
+            // prevent multiple plugin instances
+            var skipButtonsActive = false;
+            if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.skipButtons !== undefined) {
+                skipButtonsActive = videojsPlayer.activePlugins_.skipButtons;
+            }
+
+            if (!skipButtonsActive) {
+                videojsPlayer.skipButtons({
+                    backward:         skipButtonsPlugin.options.backward,
+                    forward:          skipButtonsPlugin.options.forward,
+                    backwardIndex:    skipButtonsPlugin.options.backwardIndex,
+                    forwardIndex:     skipButtonsPlugin.options.forwardIndex
+                });
+            }
+
+        } // END if skipButtons Plugin enabled
+
+        // add zoom Plugin (only available for VJS|local video/mp4)
+        // ---------------------------------------------------------------------
+        if (videoInfo.youtube) {
+            // zoom pluging NOT supported for YouTube
+            zoomPlugin.enabled = false;
+        }
+
+        if (zoomPlugin !== undefined && zoomPlugin.enabled && videojsPlayer.zoomButtons !== undefined) {
+            // merge objects
+            zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
+
+            // prevent multiple plugin instances
+            var zoomButtonsActive = false;
+            if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.zoomButtons !== undefined) {
+                zoomButtonsActive  = videojsPlayer.activePlugins_.zoomButtons;
+            }
+            
+            if (!zoomButtonsActive) {
+                videojsPlayer.zoomButtons({
+                    moveX:  zoomPlugin.options.moveX,
+                    moveY:  zoomPlugin.options.moveY,
+                    rotate: zoomPlugin.options.rotate,
+                    zoom:   zoomPlugin.options.zoom
+                });
+            }
+
+        } // END if zoom Plugin enabled
+
+        // chapter track processing, only available for VideoJS
+        // ---------------------------------------------------------------------
+        if (vjsObject.core.galleryItems[vjsObject.core.index].video !== undefined) {
+            videoData = JSON.parse(vjsObject.core.galleryItems[vjsObject.core.index].video);
+        }
+
+        // chapter tracks only available for VideoJS (local video/mp4)
+        // ---------------------------------------------------------------------
+        if (videoData.tracks && videoData.tracks.length > 0) {
+            for (var i=0; i<videoData.tracks.length; i++) {
+                if (videoData.tracks[i].kind == 'chapters') {
+                    trackSrc = videoData.tracks[i].src;
+                    chapterTracksEnabled = true;
+                }
+            }
+        } // END if videoData tracks
+
+        if (chapterTracksEnabled) {
+            var parser  = new WebVTTParser();
+            var markers = [];
+
+            function cb_load (data /* ,textStatus, jqXHR */ ) {
+                var tree = parser.parse(data, 'metadata');
+                var marker;
+
+                // add chapter tracks to markers array
+                for (var i=0; i<tree.cues.length; i++) {
+                    marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
+                    markers.push(marker);
+                }
+            }; // END function cb_load 
+
+            // load chapter tracks
+            // -----------------------------------------------------------------
+            loadVtt(trackSrc, cb_load);
+
+            // add chapter tracks on play
+            videojsPlayer.on("play", function() {
+                videojsPlayer.currentTime(videoStart);
+
+                var total    = videojsPlayer.duration();
+                var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+
+                // add chapter tracks on timeline (delayed)
+                setTimeout (function() {
+                    var markers_loaded = setInterval (function () {
+                        if (markers.length) {
+                            for (var i=0; i<markers.length; i++) {
+                                var left = (markers[i].time / total * 100) + '%';
+                                var time = markers[i].time;
+                                var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+
+                                el.click(function() {
+                                    videojsPlayer.currentTime($(this).data('time'));
+                                });
+
+                                timeline.append(el);
+                            }
+                            clearInterval(markers_loaded);
+                        }
+                    }, 10); // END markers_loaded
+                }, 1000 ); // END setTimeout
+
+            }); // END on "play"
+
+        } // END if chapterTracksEnabled
+
+    }; // END vjsProcessExtendedButtonsAndPlugins
 
     /**
      * Video module for lightGallery
@@ -250,7 +516,6 @@
             this.settings = __assign(__assign({}, videoSettings), this.core.settings);
             return this;
         }
-
         Video.prototype.init = function () {
             var _this = this;
             /**
@@ -269,7 +534,6 @@
             // @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
          *
@@ -294,7 +558,6 @@
                 this.loadAndPlayVideo(index);
             }
         };
-
         /**
          * @desc Event triggered when video url or poster found
          * Append video HTML is poster is not given
@@ -306,7 +569,7 @@
             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), {
+                this.appendVideo(this.core.getSlideItem(index), {
                     src: src,
                     addClass: 'lg-object',
                     index: index,
@@ -314,12 +577,8 @@
                 });
                 // Automatically navigate to next slide once video reaches the end.
                 this.gotoNextSlideOnVideoEnd(src, index);
-            } else {
-              // jadams
-              var slideItem = this.core.getSlideItem(index);
             }
         };
-
         /**
          * @desc fired immediately before each slide transition.
          * Pause the previous video
@@ -335,7 +594,6 @@
                 this.pauseVideo(prevIndex);
             }
         };
-
         /**
          * @desc fired immediately after each slide transition.
          * Play video if autoplayVideoOnSlide option is enabled.
@@ -358,7 +616,6 @@
                 }
             }
         };
-
         Video.prototype.loadAndPlayVideo = function (index) {
             var $slide = this.core.getSlideItem(index);
             var currentGalleryItem = this.core.galleryItems[index];
@@ -376,7 +633,6 @@
         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
@@ -387,154 +643,112 @@
 
         // jadams
         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            msallowfullscreen";
+          var currentGalleryHtml, currentGalleryItem, videoInfo,
+              videoTitle, video, video_api, commonIframeProps;
+
+          videoInfo                  = this.core.galleryItems[index].__slideVideoInfo || {};
+          currentGalleryItem         = this.core.galleryItems[index];
+
+          if (currentGalleryItem.subHtml.includes('<h2>')) {
+            currentGalleryHtml       = currentGalleryItem.subHtml.split("</h2>");
+            videoTitle               = currentGalleryHtml[0].replace('<h2>','');  
+          } else if (currentGalleryItem.subHtml.includes('<h5>')) {
+            // for backward compatibility reasons
+            currentGalleryHtml       = currentGalleryItem.subHtml.split("</h5>");
+            videoTitle               = currentGalleryHtml[0].replace('<h5>','');            
+          } 
+
+          videoTitle                 = videoTitle ? 'title="' + videoTitle + '"' : '';
+          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 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/';
-
-            // var video = `
-            //   <video
-            //     id="${videoId}"
-            //   	class="lg-video-object lg-youtube vjs-theme-uno video-js">
-            //     data-setup='{
-            //       "fluid" : true,
-            //       "techOrder": [
-            //     	"youtube", "html5"
-            //     ],
-            //     "sources": [{
-            //     	"type": "video/youtube",
-            //     	"src": "//youtube.com/watch?v=nV8UZJNBY6"
-            //     }],
-            //     "controlBar": {
-            //     	"pictureInPictureToggle": false,
-            //     	"volumePanel": {
-            //     	  "inline": false
-            //   	   }
-            //     }
-            //   }'>
-            //   	Your browser does not support HTML5 video
-            //   </video>
-            // `;
-
-            var video_new = `
+            var youtubeURL           = isYouTubeNoCookieURL ? '//youtube-nocookie.com/' : '//youtube.com/';
+            var ytVideoID            = videoInfo.youtube[1];
+
+            var video_iframe = `
               <iframe
                 id="${videoId}"
                 class="lg-video-object lg-youtube ${addClass}"
-                allow="autoplay"
-                title="${videoTitle}""
-                src="${youtubeURL}/embed${videoInfo.youtube[1]}${youTubeParams}"
+                src="${youtubeURL}/embed/${ytVideoID}${youTubeParams}"
                 ${commonIframeProps}>
               </iframe>
             `;
 
-            video = "<iframe allow=\"autoplay\" id=" + videoId + " class=\"lg-video-object lg-youtube " + addClass + "\" " + videoTitle + " src=\"" + youtubeURL + "embed/" + (videoInfo.youtube[1] + youTubeParams) + "\" " + commonIframeProps + "></iframe>";
+            var video_vjs = `
+              <video
+                id="${videoId}"
+                class="video-js lg-video-object lg-youtube vjs-theme-uno">
+                <source
+                  type="video/youtube",
+                  src="//youtube.com/watch?v=${ytVideoID}"
+                >
+
+                Your browser does not support HTML5 video.
+              </video>
+            `;
 
-          }
-          else if (videoInfo.vimeo) {
+            video_api = 'youtube';
+            video     = (video_api === 'iframe') ? video_iframe : video_vjs;
+            // END videoInfo youtube
+          } 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>";
-          }
-          // jadams: added Wistia Player
-          else if (videoInfo.wistia) {
+          } 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/" + videoInfo.wistia[3] + (videoInfo.wistia[4] + playerParams) + "\" " + videoTitle + " class=\"wistia_embed lg-video-object lg-wistia " + addClass + "\" name=\"wistia_embed\" " + commonIframeProps + "></iframe>";
-          }
-          // jadams: added Dailymotion Player
-          else if (videoInfo.dailymotion) {
+            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.dailymotion) {
             var dailymotionId = 'lg-dailymotion' + index;
             var playerParams = param(this.settings.dailymotionPlayerParams);
             playerParams = playerParams ? '?' + playerParams : '';
 
-            video = "<iframe allow=\"autoplay\" id=\"" + dailymotionId + "\" src=\"//www.dailymotion.com/embed/video/" + (videoInfo.dailymotion[1] + playerParams) + "\" " + videoTitle + " class=\"dailymotion_embed lg-video-object lg-dailymotion " + addClass + "\" name=\"dailymotion_embed\" " + commonIframeProps + "></iframe>";
-          }
-          // jadams, 2024-01-22: added TicToc Player
-          else if (videoInfo.tiktoc) {
-            var tictocId = 'lg-tictoc' + index;
-            var playerParams = getTikTokURLParams(this.settings.TicTocPlayerParams);
+            video = `
+              <iframe
+                id="${dailymotionId}"
+                src="//dailymotion.com/embed/video/${videoInfo.dailymotion[1]}?api=1 ${playerParams}"
+                ${videoTitle}
+                class="dailymotion_embed lg-video-object lg-dailymotiion ${addClass}"
+                name="dailymotion_embed"
+                ${commonIframeProps}>
+              </iframe>
+            `;
 
-            video = "<iframe allow=\"autoplay\" id=" + videoId + " class=\"lg-video-object lg-tictoc " + addClass + "\" " + videoTitle + " src=\"//tiktok.com/embed/" + (videoInfo.tiktoc[1]) + "\" " + videoTitle + commonIframeProps + "></iframe>";
-          }
-          else if (videoInfo.html5) {
-              var html5VideoMarkup = '';
-              for (var i = 0; i < html5Video.source.length; i++) {
-                html5VideoMarkup += "<source src=\"" + html5Video.source[i].src + "\" type=\"" + html5Video.source[i].type + "\">";
-              }
-              if (html5Video.tracks) {
+          } 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 + ">";
+                    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);
+                    _loop_1(i);
                 }
-              }
-
-              var html5VideoAttrs_1 = '';
-              var videoAttributes_1 = html5Video.attributes || {};
-              var html5VideoAttrs   = html5VideoAttrs_1;
-
-              Object.keys(videoAttributes_1 || {}).forEach(function (key) {
+            }
+            var html5VideoAttrs_1 = '';
+            var videoAttributes_1 = html5Video.attributes || {};
+            Object.keys(videoAttributes_1 || {}).forEach(function (key) {
                 html5VideoAttrs_1 += key + "=\"" + videoAttributes_1[key] + "\" ";
-              });
-
-              var videojsTheme    = (this.settings.videojsTheme) ? this.settings.videojsTheme : '';
-              var videojsSettings = (this.settings.videojs) ? 'video-js' : '';
-
-              // jadams: template string
-              video = `
-                <video class="lg-video-object lg-html5 ${videojsTheme} ${videojsSettings} " ${html5VideoAttrs}>
-                  ${html5VideoMarkup}
-                  Your browser does not support HTML5 video.
-               </video>
-              `;
-
-              // var video = `
-              //   <video
-              //     id="${videoId}"
-              //   	class="lg-video-object lg-youtube vjs-theme-uno video-js">
-              //     data-setup='{
-              //       "fluid" : true,
-              //       "techOrder": [
-              //     	"youtube", "html5"
-              //     ],
-              //     "sources": [{
-              //     	"type": "video/youtube",
-              //     	"src": "//youtube.com/watch?v=nV8UZJNBY6"
-              //     }],
-              //     "controlBar": {
-              //     	"pictureInPictureToggle": false,
-              //     	"volumePanel": {
-              //     	  "inline": false
-              //   	   }
-              //     }
-              //   }'>
-              //   	Your browser does not support HTML5 video
-              //   </video>
-              // `;
-
-              // 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>";
+            });
 
+            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;
@@ -546,32 +760,82 @@
          * @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);
+        Video.prototype.appendVideo = function (el, videoParams) {
+            var vjsPlayer;
+            var _a             = {};
+            var videojsEnabled = false;
+            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();
+
+            // check the HTML Element for the active player (failsafe)
+            // if NOT available, something went totally wrong
+            if (!$videoElement.get()) {
+                return;
+            }
+
             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)) {
+
+            _a                 = this.core.galleryItems[videoParams.index].__slideVideoInfo;
+            _a.videojs         = { enabled: false };
+            videojsEnabled     = videoHtml.includes('iframe');
+            _a.videojs.enabled = (videojsEnabled) ? false : true;
+
+            // jadams, 2025-06-13: process html5
+            if (this.settings.videojs && (_a === null || _a === void 0 ? void 0 : _a.html5)) {
                 try {
-                    return videojs($videoElement.get(), this.settings.videojsOptions);
+                    if (_a.videojs.enabled) {
+                        vjsPlayer               = videojs($videoElement.get(), this.settings.videojsOptions);
+                        this.settings.vjsPlayer = vjsPlayer;
+                        _a.videojs.player       = vjsPlayer;
+
+                        return vjsPlayer;
+                    }
                 }
                 catch (e) {
-                    console.warn('lightGallery: Make sure you have included videojs');
+                    // jadams:
+                    console.warn('lightGallery: Make sure you have included //github.com/vimeo/player.js');
                 }
             }
-        };
 
+            // jadams, 2025-06-13: process youtube
+            if (this.settings.videojs && (_a  === null || _a === void 0 ? void 0 : _a.youtube)) {
+                try {
+                    if (_a.videojs.enabled) {
+                        vjsPlayer           = videojs($videoElement.get(), this.settings.videojsOptions);
+                        this.settings.vjsPlayer = vjsPlayer;
+                        _a.videojs.player       = vjsPlayer;
+
+                        return vjsPlayer;
+                    }
+                }
+                    catch (e) {
+                    // jadams:
+                    console.warn('lightGallery: Make sure you have included //github.com/vimeo/player.js');
+                }
+            }
+
+        }; // END appendVideo
+
+        // jadams
         Video.prototype.gotoNextSlideOnVideoEnd = function (src, index) {
             var _this = this;
             var $videoElement = this.core
                 .getSlideItem(index)
                 .find('.lg-video-object')
                 .first();
+
+            // try to get HTML Element for the active player (failsafe)
+            // if NOT available, something went totally wrong
+            if (!$videoElement.get()) {
+                return;
+            }
+
             var videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
             if (this.settings.gotoNextSlideOnVideoEnd) {
                 if (videoInfo.html5) {
@@ -587,8 +851,8 @@
                         });
                     }
                     catch (e) {
-                        // jadams:
-                        console.warn('lightGallery: Make sure you have included //github.com/vimeo/player.js');
+                        // jadams
+                        console.error('lightGallery:- Make sure you have included //github.com/vimeo/player.js');
                     }
                 }
                 else if (videoInfo.wistia) {
@@ -605,269 +869,60 @@
                         });
                     }
                     catch (e) {
-                      // jadams:
-                      console.warn('lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
+                        // jadams
+                        console.error('lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
                     }
                 }
             }
         };
 
+        // jadams: 2025-06-11: Add (extended) VideoJS control elements
+        // for HTML5 video over VJS (to be extended for e.g.YouTube)
+        // ---------------------------------------------------------------------
         Video.prototype.controlVideo = function (index, action) {
-            const vjsOptions = j1.modules.videojs.options;
-            var trackSrc,
-                $videoElement, videoInfo, videoStart, videoData, videoId,
-                videojsPlayer, playbackRates,
-                hotKeysPlugin, skipButtonsPlugin, zoomPlugin;
-
-            var playbackRatesDefaults = vjsOptions.playbackRates.values;
-            var chapterTracksEnabled  = false;
-
-            var hotKeysPluginDefaults    = {
-                volumeStep:                 vjsOptions.plugins.hotKeys.volumeStep,
-                seekStep:                   vjsOptions.plugins.hotKeys.seekStep,
-                enableMute:                 vjsOptions.plugins.hotKeys.enableMute,
-                enableVolumeScroll:         vjsOptions.plugins.hotKeys.enableVolumeScroll,
-                enableHoverScroll:          vjsOptions.plugins.hotKeys.enableHoverScroll,
-                enableFullscreen:           vjsOptions.plugins.hotKeys.enableFullscreen,
-                enableNumbers:              vjsOptions.plugins.hotKeys.enableNumbers,
-                enableJogStyle:             vjsOptions.plugins.hotKeys.enableJogStyle,
-                alwaysCaptureHotkeys:       vjsOptions.plugins.hotKeys.alwaysCaptureHotkeys,
-                captureDocumentHotkeys:     vjsOptions.plugins.hotKeys.captureDocumentHotkeys,
-                enableModifiersForNumbers:  vjsOptions.plugins.hotKeys.enableModifiersForNumbers,
-                enableInactiveFocus:        vjsOptions.plugins.hotKeys.enableInactiveFocus,
-                skipInitialFocus:           vjsOptions.plugins.hotKeys.skipInitialFocus
-            };
-
-            var skipButtonsPluginDefaults  = {
-                backward:                     vjsOptions.plugins.skipButtons.backward,
-                forward:                      vjsOptions.plugins.skipButtons.forward,
-                backwardIndex:                0,
-                forwardIndex:                 1
-            };
-
-            var zoomPluginDefaults = {
-                moveX:                      vjsOptions.plugins.zoomButtons.moveX,
-                moveY:                      vjsOptions.plugins.zoomButtons.moveY,
-                rotate:                     vjsOptions.plugins.zoomButtons.rotate,
-                zoom:                       vjsOptions.plugins.zoomButtons.zoom
-            };
-
-            videoInfo     = this.core.galleryItems[index].__slideVideoInfo || {};
+            var $videoElement, videoInfo, videoId;
+            var videojsPlayer = 'not_set';
+
+            // load the lgQuery element for the active player
             $videoElement = this.core
               .getSlideItem(index)
               .find('.lg-video-object')
               .first()
 
-            // chapter tracks only available for VJS
-            //
-            if (this.core.galleryItems[this.core.index].video !== undefined && videoInfo.html5) {
-                videoData = JSON.parse(this.core.galleryItems[this.core.index].video);
-
-                if (videoData.tracks !== undefined && videoData.tracks.length > 0) {
-                    for (var i=0; i<videoData.tracks.length; i++) {
-                        if (videoData.tracks[i].kind == 'chapters') {
-                            trackSrc = videoData.tracks[i].src;
-                            chapterTracksEnabled = true;
-                        }
-                    }
-                } // END if videoData.tracks
-
-                if ($videoElement.selector !== undefined) {
-                    videoId       = $videoElement.selector.id;
-                    videojsPlayer = videojs(videoId);
-                } else {
-                    videojsPlayer = 'unknown';
-                }
-
-                if (videojsPlayer !== 'unknown') {
-
-                    // added VJS Plugins hotKeys|skipButtons|zoom, playbackRates
-                    // -------------------------------------------------------------
-                    hotKeysPlugin     = this.settings.videojsOptions.controlBar.hotKeysPlugin;
-                    skipButtonsPlugin = this.settings.videojsOptions.controlBar.skipButtonsPlugin;
-                    zoomPlugin        = this.settings.videojsOptions.controlBar.zoomPlugin;
-                    playbackRates     = (this.settings.videojsOptions.controlBar.playbackRates !== undefined) ? this.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
-
-                    //  jadams, 2024-01-22: added video start position
-                    // -------------------------------------------------------------
-                    if (this.settings.videojsOptions.videoStart !== undefined) {
-                        videoStart = this.settings.videojsOptions.videoStart[index];
-                         videojsPlayer.on("play", function() {
-                            var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
-                            videojsPlayer.currentTime(startFromSecond);
-                        }); // END on event play
-                    } // END if videoStart
-
-                    // add playbackRates (only available for VJS)
-                    if (videojsPlayer.playbackRates !== undefined) {
-                        videojsPlayer.playbackRates(playbackRates);
-                    }
-
-                    // add hotkeys Plugin (only available for VJS)
-                    if (hotKeysPlugin !== undefined && hotKeysPlugin.enabled && videojsPlayer.hotKeys !== undefined) {
-
-                        // merge objects
-                        hotKeysPlugin.options = __assign(__assign({}, hotKeysPluginDefaults), hotKeysPlugin.options);
-
-                        // prevent multiple plugin instances
-                        var hotKeysActive = false;
-                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.hotKeys !== undefined) {
-                            hotKeysActive = videojsPlayer.activePlugins_.hotKeys;
-                        }
-
-                        if (!hotKeysActive) {
-                            videojsPlayer.hotKeys({
-                                volumeStep:                         hotKeysPlugin.options.volumeStep,
-                                seekStep:                           hotKeysPlugin.options.seekStep,
-                                enableMute:                         hotKeysPlugin.options.enableMute,
-                                enableFullscreen:                   hotKeysPlugin.options.enableFullscreen,
-                                enableNumbers:                      hotKeysPlugin.options.enableNumbers,
-                                enableVolumeScroll:                 hotKeysPlugin.options.enableVolumeScroll,
-                                enableHoverScroll:                  hotKeysPlugin.options.enableHoverScroll,
-                                alwaysCaptureHotkeys:               hotKeysPlugin.options.alwaysCaptureHotkeys,
-                                captureDocumentHotkeys:             hotKeysPlugin.options.captureDocumentHotkeys,
-                                documentHotkeysFocusElementFilter:  hotKeysPlugin.options.documentHotkeysFocusElementFilter,
-
-                                // Mimic VLC seek behavior (default to: 15)
-                                seekStep: function(e) {
-                                    if (e.ctrlKey && e.altKey) {
-                                        return 5*60;
-                                    } else if (e.ctrlKey) {
-                                        return 60;
-                                    } else if (e.altKey) {
-                                        return 10;
-                                    } else {
-                                        return 15;
-                                    }
-                                }
-
-                            });
-                        } // END if hotKeysActive
-
-                    } // END if hotKeysPlugin enabled
-
-                    // add skipButtons Plugin (only available for VJS)
-                    // -------------------------------------------------------------
-                    if (skipButtonsPlugin !== undefined && skipButtonsPlugin.enabled && videojsPlayer.skipButtons !== undefined) {
-                        // merge objects
-                        skipButtonsPlugin.options = __assign(__assign({}, skipButtonsPluginDefaults), skipButtonsPlugin.options);
-
-                        // prevent multiple plugin instances
-                        var skipButtonsActive = false;
-                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.skipButtons !== undefined) {
-                            skipButtonsActive = videojsPlayer.activePlugins_.skipButtons;
-                        }
-
-                        if (!skipButtonsActive) {
-                            videojsPlayer.skipButtons({
-                                backward:         skipButtonsPlugin.options.backward,
-                                forward:          skipButtonsPlugin.options.forward,
-                                backwardIndex:    skipButtonsPlugin.options.backwardIndex,
-                                forwardIndex:     skipButtonsPlugin.options.forwardIndex
-                            });
-                        }
-
-                    } // END if skipButtons Plugin enabled
-
-                    // add zoom Plugin (only available for VJS)
-                    // -----------------------------------------------------------------
-                    if (zoomPlugin !== undefined && zoomPlugin.enabled && videojsPlayer.zoomButtons !== undefined) {
-                        // merge objects
-                        zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
-
-                        // prevent multiple plugin instances
-                        var zoomButtonsActive = false;
-                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.zoomButtons !== undefined) {
-                            zoomButtonsActive  = videojsPlayer.activePlugins_.zoomButtons;
-                        }
-                        
-                        if (!zoomButtonsActive) {
-                            videojsPlayer.zoomButtons({
-                                moveX:  zoomPlugin.options.moveX,
-                                moveY:  zoomPlugin.options.moveY,
-                                rotate: zoomPlugin.options.rotate,
-                                zoom:   zoomPlugin.options.zoom
-                            });
-                        }
-
-                    } // END if zoom Plugin enabled
-
-                    // chapter track processing (only available for VJS)
-                    // -----------------------------------------------------------------
-                    if (chapterTracksEnabled) {
-                        var parser  = new WebVTTParser();
-                        var markers = [];
-
-                        function cb_load (data /* ,textStatus, jqXHR */ ) {
-                            var tree = parser.parse(data, 'metadata');
-                            var marker;
-
-                            // add chapter tracks to markers array
-                            for (var i=0; i<tree.cues.length; i++) {
-                                marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
-                                markers.push(marker);
-                            }
-                        }; // END function cb_load 
-
-                        // load chapter tracks
-                        // -------------------------------------------------------------
-                        loadVtt(trackSrc, cb_load);
-
-                        // add chapter tracks on play
-                        videojsPlayer.on("play", function() {
-                            videojsPlayer.currentTime(videoStart);
-
-                            var total    = videojsPlayer.duration();
-                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
-
-                            // add chapter tracks on timeline (delayed)
-                            setTimeout (function() {
-                                var markers_loaded = setInterval (function () {
-                                    if (markers.length) {
-                                        for (var i=0; i<markers.length; i++) {
-                                            var left = (markers[i].time / total * 100) + '%';
-                                            var time = markers[i].time;
-                                            var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+            // try to get HTML Element for the active player (failsafe)
+            // if NOT available, something went totally wrong
+            if (!$videoElement.get()) {
+                return;
+            }
 
-                                            el.click(function() {
-                                                videojsPlayer.currentTime($(this).data('time'));
-                                            });
+            // load the INFO object for the active player
+            videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
 
-                                            timeline.append(el);
-                                        }
-                                        clearInterval(markers_loaded);
-                                    }
-                                }, 10); // END markers_loaded
-                            }, 1000 ); // END setTimeout
+            // process video of type 'html5' for extended VJS settings
+            // -----------------------------------------------------------------
+            // if (this.core.galleryItems[this.core.index].video !== undefined && (videoInfo.html5 || videoInfo.youtube)) {
+            if (videoInfo.html5 || videoInfo.youtube) {
 
-                        }); // END on "play"
+                // if ($videoElement.selector.id !== undefined) {
+                //     videoId       = $videoElement.selector.id;
+                //     videojsPlayer = videojs(videoId);
+                // }
 
-                    } // END if chapterTracksEnabled
+                if ($videoElement.selector.player !== undefined) {
+                  videojsPlayer = $videoElement.selector.player;
+                }
 
+                if (videojsPlayer !== 'not_set') {
+                  vjsProcessExtendedButtonsAndPlugins(this, videojsPlayer, videoInfo);
                 } // END if videojsPlayer is defined
 
             } // END if videoInfo.html5
 
-            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.warn('lightGallery: Make sure you have included //github.com/vimeo/player.js');
-                }
-            }
-            else if (videoInfo.html5) {
+            // check responses of the (active) player loaded
+            // -----------------------------------------------------------------
+            if (videoInfo.html5) {
                 if (this.settings.videojs) {
+                    // VideoJS  API detected
                     try {
                         videojs($videoElement.get())[action]();
                     }
@@ -876,10 +931,35 @@
                     }
                 }
                 else {
+                    // iFrame API detected (??? supported ???)
                     $videoElement.get()[action]();
+                } // END html5
+            } else if (videoInfo.youtube) {
+                if (this.settings.videojs) {
+                    // VideoJS  API detected
+                    try {
+                        videojs($videoElement.get())[action]();
+                    }
+                    catch (e) {
+                        console.warn('lightGallery: Make sure you have included videojs');
+                    }
+                } else  {
+                    // iFrame API detected
+                    try {
+                        $videoElement.get().contentWindow.postMessage("{\"event\":\"command\",\"func\":\"" + action + "Video\",\"args\":\"\"}", '*');
+                    }
+                    catch (e) {
+                        console.error("lightGallery:- " + e);
+                    }
+                } // END youtube
+            } else if (videoInfo.vimeo) {
+                try {
+                    new Vimeo.Player($videoElement.get())[action]();
                 }
-            }
-            else if (videoInfo.wistia) {
+                catch (e) {
+                    console.warn('lightGallery: Make sure you have included //github.com/vimeo/player.js');
+                } // END vimeo
+            } else if (videoInfo.wistia) {
                 try {
                     window._wq = window._wq || [];
                     // @todo Find a way to destroy wistia player instance
@@ -892,8 +972,8 @@
                 }
                 catch (e) {
                     console.warn('lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
-                }
-            }
+                } // END wistia
+            } // END if videoInfo
 
         }; // END controlVideo
 
@@ -901,7 +981,7 @@
             var _this = this;
             // check slide has poster
             if (!$el.hasClass('lg-video-loaded')) {
-                // check if video element present
+                // check already video element present
                 if (!$el.hasClass('lg-has-video')) {
                     $el.addClass('lg-has-video');
                     var _html = void 0;
@@ -911,7 +991,7 @@
                         _html =
                             typeof video === 'string' ? JSON.parse(video) : video;
                     }
-                    var videoJsPlayer_1 = this.appendVideos($el, {
+                    var videoJsPlayer_1 = this.appendVideo($el, {
                         src: _src,
                         addClass: '',
                         index: this.core.index,
@@ -944,12 +1024,10 @@
                 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');