j1-template 2024.3.26 → 2024.3.27

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 863665110de39165f05b3ff8fce421714c74786530d82a9844cef6efe7d1ef76
-  data.tar.gz: d2bd8b2196b7085eeb66009889cdec408b037a311c396dc61ebcdc26133df7ee
+  metadata.gz: 313ef844ffd93a5fe0a2a9e84a8714946bf48fed40e3c8955c8f375b7d79393a
+  data.tar.gz: c12bc3717d97a98e0095298f5991a8b952dcf6ac35091d22cdb6102462a59214
 SHA512:
-  metadata.gz: '0706961249004127034ecde0c1630dbae53a4c8d6f97f86dd6be4d59c49ccee961bcbf5cc6717fb0d7210068a816fd77b936c2eb2d191bbf5b2bcd0dca849d69'
-  data.tar.gz: ddb463db603fb7d9edb3ce2e5495631deb24dcbc921055b9967ea257a0b6dea746809120968396a9742e9d452dbc13a81d3282f09813d76a0e2e346f32103988
+  metadata.gz: 6cfbc7429c4aa5c4fc0be2989867ac4e88aa5f0bc991bc8db9fdbd31ef96a0a44c4717c33f568fa7b0e12152a121ec8e57d047ef73ce63075bdd6bd8f4c74d1d
+  data.tar.gz: b5b48ea9d4d3491208e4de7edf597f842aa01cf2a1e2b67d520b363b05fa88d80bebaa5dd6b092e2aa4859fd55fcf81f4d1e6a587e4f3e51bec2caa65474967b

data/assets/theme/j1/adapter/js/videojs.js

@@ -119,8 +119,8 @@ j1.adapter.videojs = ((j1, window) => {
       vjsSettings = $.extend({}, {{videojs_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
       vjsOptions  = $.extend(true, {}, vjsDefaults, vjsSettings);
 
-      _this        = j1.adapter.videojs;
-      logger       = log4javascript.getLogger('j1.adapter.videojs');
+      _this       = j1.adapter.videojs;
+      logger      = log4javascript.getLogger('j1.adapter.videojs');
 
       // -----------------------------------------------------------------------
       // module initializer
@@ -137,9 +137,11 @@ j1.adapter.videojs = ((j1, window) => {
           logger.debug('state: ' + _this.getState());
           logger.info('module is being initialized');
 
-          // save vjsOptions for later access
-          j1.modules.videojs         = {};
-          j1.modules.videojs.options = vjsOptions || {};
+          // save vjsOptions|data for later access
+          j1.modules.videojs              = {};
+          j1.modules.videojs.options      = vjsOptions || {};
+          j1.modules.videojs.data         = {};
+          j1.modules.videojs.data.players = {};   // set initial value         
 
           _this.setState('finished');
           logger.debug('state: ' + _this.getState());
@@ -211,4 +213,4 @@ j1.adapter.videojs = ((j1, window) => {
   {{ cache|strip_empty_lines }}
 {%- endif -%}
 
-{%- assign cache = false -%}
+{%- assign cache = false -%}

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

@@ -232,20 +232,126 @@
     // -------------------------------------------------------------------------
     var vjsProcessExtendedButtonsAndPlugins = function (vjsObject, videojsPlayer, videoInfo) {
         const vjsOptions = j1.modules.videojs.options;
-        var dependency_met_module_ready, videoInfo, videoStart, videojsPlayer,
-            playbackRates, hotKeysPlugin, skipButtonsPlugin, zoomPlugin,
-            trackSrc;
+        var dependency_met_module_ready, videoInfo, playerState,
+            videoStart, videojsPlayer, playbackRates,
+            hotKeysPlugin, skipButtonsPlugin, zoomPlugin;
 
-        dependency_met_module_ready = setInterval (() => {            
+
+        // ---------------------------------------------------------------------
+        // helper functions
+        // =====================================================================
+
+        // remove existng markers
+        // ---------------------------------------------------------------------
+        function removeChapterMarkers(timeline, currentPlayerId) {
+            timeline.find('.vjs-chapter-marker').remove();
+        }
+
+        // get player status
+        // ---------------------------------------------------------------------
+        function getPlayerStatus(player) {
+            return {
+                paused:             player.paused(),
+                currentTime:        player.currentTime(),
+                duration:           player.duration(),
+                muted:              player.muted(),
+                bufferedPercent:    player.bufferedPercent()
+            };
+        }
+
+        // check if player is playing
+        // ---------------------------------------------------------------------
+        function isPlaying (player) {
+            var vjsIsPlaying = (!player.paused() || player.currentTime() > 0) ? true : false;
+
+            return vjsIsPlaying;
+        }
+
+        // set chapter markers for the player (videojsPlayer) specified
+        // ---------------------------------------------------------------------
+        function addChapterMarkers(videojsPlayer) {
+            var timeline    = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+            var playerID    = videojsPlayer.id();
+            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 
+
+            // create chapter tracks from source file
+            // -----------------------------------------------------------------
+            loadVtt(videojsPlayer.chapterTracksSource, cb_load);
+
+            // failsafe: remove already existing markers for current player
+            removeChapterMarkers(timeline, playerID);
+
+            // if tracks available, add (chapter) tracks on timeline
+            // -----------------------------------------------------------------
+            if (j1.modules.videojs.data.players[playerID].videoData.tracks.length) {
+                setTimeout (function() {
+                    var markers_loaded = setInterval (function () {
+                        if (markers.length) {
+                            const duration = videojsPlayer.duration();
+
+                            for (var i=0; i<markers.length; i++) {
+                                var left = (markers[i].time / duration * 100) + '%';
+                                var time = markers[i].time;
+
+                                // add (unique) marker element
+                                var el = $(
+                                    '<div class="vjs-chapter-marker" ' +
+                                    'style="left: ' + left + '" ' +
+                                    'data-time="' + time + '" ' +
+                                    'data-player-id="' + playerID + '">' +
+                                    '<span>' + markers[i].label + '</span></div>'
+                                );
+
+                                // event handler with closure for correct player reference
+                                (function(currentPlayer, markerTime) {
+                                    el.click(function() {
+                                        currentPlayer.currentTime(markerTime);
+                                    });
+                                })(videojsPlayer, time);
+
+                                timeline.append(el);
+                            }
+
+                            clearInterval(markers_loaded);
+                        } else {
+                            clearInterval(markers_loaded);
+                        } // END if markers.length
+                    }, 10); // END interval markers_loaded
+                }, 100 ); // END timeout
+            } // END if chapterTracks enabled
+        } // END addChapterMarkers
+
+
+        // ---------------------------------------------------------------------
+        // main
+        // =====================================================================
+        dependency_met_module_ready = setInterval (() => {
+            var playerId, videoData, timeline;
             var isModuleInitialised  = (j1.adapter.gallery.getState() === 'finished') ? true : false;
             var isVideojsOptions     = (isEmpty(vjsObject.settings.videojsOptions)) ? false : true;
 
             if (isModuleInitialised && isVideojsOptions) {
-                var videoData             = { tracks: false };
-                var playbackRatesDefaults = vjsOptions.playbackRates.values;
+                playerId    = videojsPlayer.id();
+                videoData   = { tracks: [] };
+                playerState = getPlayerStatus(videojsPlayer);
 
-                // disable chapterTracks by default
-                videojsPlayer.chapterTracksEnabled = false;
+                // set (initial) videoData tracks.chapters to empty array
+                videoData.tracks.chapters = [];
+
+                // ENABLE chapter tracks by default (to enable very first checks)
+                // videojsPlayer.chapterTracksEnabled = true;
 
                 var hotKeysPluginDefaults = {
                     volumeStep:                 vjsOptions.plugins.hotKeys.volumeStep,
@@ -424,101 +530,90 @@
 
                     } // END if zoom Plugin enabled
 
-                    // chapter tracks only available for VideoJS (local video/mp4)
+
+                    // 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);
+                        videojsPlayer.videoData = videoData;
+
+                        // save VJS videoData for later use
+                        // NOTE: for unknown reasons, lightGallery generates
+                        // WRONG videoData on skip forwaed|backward  a video slide
+                        // Workaround: do NOT overwrite existing video data
+                        // stored in current window (j1.modules.videojs.data)
+                        // -----------------------------------------------------
+                        if (j1.modules.videojs.data.players[playerId] === undefined) {
+                            j1.modules.videojs.data.players[playerId] = {};
+                            j1.modules.videojs.data.players[playerId]['videoData'] = {};
+                            j1.modules.videojs.data.players[playerId].videoData['tracks'] = videoData.tracks || [];
+                        }    
                     }
 
-                    // load tracks
-                    // TODO: chapterTracksEnabled needs to be indivialized
-                    // per player
+                    // load source file for chapter tracks
                     // ---------------------------------------------------------
-                    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;
-                                videojsPlayer.chapterTracksEnabled = true;
-                            }
+                    var chapterTracksSrc;
+                    for (var i=0; i<videojsPlayer.videoData.tracks.length; i++) {
+                        if (videojsPlayer.videoData.tracks[i].kind == 'chapters') {
+                            chapterTracksSrc = videojsPlayer.videoData.tracks[i].src;
+                            videojsPlayer.chapterTracksSource  = chapterTracksSrc;
                         }
-                    } // END load tracks
-
-                    // process (chapter) tracks if tracks available
-                    // ---------------------------------------------------------                    
-                    if (videojsPlayer.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 player is playing
-                        // -----------------------------------------------------
-                        videojsPlayer.on("play", function() {
-                            videojsPlayer.currentTime(videoStart);
+                    }
 
-                            var total    = videojsPlayer.duration();
-                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+                    // process chapter tracks
+                    if (j1.modules.videojs.data.players[playerId].videoData.tracks.length) {
+                        playerId = videojsPlayer.id();
+                        timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
 
-                            // remove old|previous markers
-                            timeline.find('.vjs-chapter-marker').remove();
+                        removeChapterMarkers(timeline, playerId);
 
-                            // add chapter tracks on timeline (delayed)
-                            setTimeout (function() {
-                                var markers_loaded = setInterval (function () {
-                                    if (markers.length) {
-                                        // make sure, that previous markers deleted
-                                        timeline.find('.vjs-chapter-marker').remove();
+                        // add chapter tracks when playing alreay (e.g. autoplay)
+                        // -----------------------------------------------------                        
+                        if (isPlaying(videojsPlayer)) {
+                            addChapterMarkers(videojsPlayer) 
+                        } // END if VideoJS player isPlaying
 
-                                        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>');
+                        // jadams, 2025-06-22: prepare settting start position
+                        // TODO: coding is to be continued 
+                        // -----------------------------------------------------
+                        // videojsPlayer.currentTime(videoStart);
 
-                                            el.click(function() {
-                                                videojsPlayer.currentTime($(this).data('time'));
-                                            });
+                        // remove chapter tracks on event 'pause'
+                        // -----------------------------------------------------
+                        videojsPlayer.on("pause", function() {
+                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
 
-                                            timeline.append(el);
-                                        }
-                                        clearInterval(markers_loaded);
-                                    }
-                                }, 10); // END markers_loaded
-                            }, 100 ); // END setTimeout
+                            removeChapterMarkers(timeline, videojsPlayer.id());
+                        }); // END on event 'pause'
 
-                        });
-                    } else {
-                        // remove chapter tracks on playing
-                        // -----------------------------------------------------                     
+                        // add chapter tracks on event 'play'
+                        // -----------------------------------------------------
                         videojsPlayer.on("play", function() {
-                            videojsPlayer.chapterTracksEnabled = false;
-                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+                            addChapterMarkers(videojsPlayer) 
+                        }); // END on event 'play'
 
-                            // remove existing markers
-                            timeline.find('.vjs-chapter-marker').remove();
+                        // failsafe: remove chapter markers on the player removed||destroyed
+                        videojsPlayer.on("dispose", function() {
+                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
 
+                            // remove already existing markers for the  player destroyed
+                            removeChapterMarkers(timeline, videojsPlayer.id());
                         });
 
-                    } // END remove chapter tracks
+                    } else {
+                        // remove existing chapter markers if NO tracks enabled
+                        var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+                        var playerId = videojsPlayer.id();
+
+                        removeChapterMarkers(timeline, playerId);                        
+                    } // END if chapterTracks enabled
 
                 } // END if videojsOptions
 
                 clearInterval(dependency_met_module_ready);
             } // END if isModuleInitialised
 
-       }, 10); // END dependency_met_page_ready
+        }, 10); // END interval dependency_met_module_ready
 
     }; // END vjsProcessExtendedButtonsAndPlugins
 

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

@@ -16,4 +16,5 @@
  # -----------------------------------------------------------------------------
 */
 
-!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,t=1,i=arguments.length;t<i;t++)for(var s in o=arguments[t])Object.prototype.hasOwnProperty.call(o,s)&&(e[s]=o[s]);return e},e.apply(this,arguments)},o={autoplayFirstVideo:!0,htmlPlayerParams:!1,youTubePlayerParams:!1,vimeoPlayerParams:!1,dailymotionPlayerParams:!1,wistiaPlayerParams:!1,tiktokPlayerParams:!1,gotoNextSlideOnVideoEnd:!0,autoplayVideoOnSlide:!1,videojs:!1,videojsTheme:"",videojsOptions:{}},t="lgHasVideo",i="lgSlideItemLoad",s="lgBeforeSlide",n="lgAfterSlide",l="lgPosterClick",a=function(e){return 0===Object.keys(e).length},r=function(e){return Object.keys(e).map((function(o){return encodeURIComponent(o)+"="+encodeURIComponent(e[o])})).join("&")},d=function(o,t){if(!o.youtube)return"";var i=o.youtube[2]?o.youtube[2].slice(1).split("&").map((function(e){return e.split("=")})).reduce((function(e,o){var t=o.map(decodeURIComponent),i=t[0],s=t[1];return e[i]=s,e}),{}):"",s=t||{},n=e(e(e({},{wmode:"opaque",autoplay:0,mute:1,enablejsapi:1}),s),i);return"?"+r(n)},c=function(o,t,i){const s=j1.modules.videojs.options;var n,l,r,d,c,u,p;n=setInterval((()=>{var v,m,h="finished"===j1.adapter.gallery.getState(),y=!a(o.settings.videojsOptions);if(h&&y){var g={tracks:!1};s.playbackRates.values;t.chapterTracksEnabled=!1;var f={volumeStep:s.plugins.hotKeys.volumeStep,seekStep:s.plugins.hotKeys.seekStep,enableMute:s.plugins.hotKeys.enableMute,enableVolumeScroll:s.plugins.hotKeys.enableVolumeScroll,enableHoverScroll:s.plugins.hotKeys.enableHoverScroll,enableFullscreen:s.plugins.hotKeys.enableFullscreen,enableNumbers:s.plugins.hotKeys.enableNumbers,enableJogStyle:s.plugins.hotKeys.enableJogStyle,alwaysCaptureHotkeys:s.plugins.hotKeys.alwaysCaptureHotkeys,captureDocumentHotkeys:s.plugins.hotKeys.captureDocumentHotkeys,enableModifiersForNumbers:s.plugins.hotKeys.enableModifiersForNumbers,enableInactiveFocus:s.plugins.hotKeys.enableInactiveFocus,skipInitialFocus:s.plugins.hotKeys.skipInitialFocus},b={backward:s.plugins.skipButtons.backward,forward:s.plugins.skipButtons.forward,backwardIndex:0,forwardIndex:1},k={moveX:s.plugins.zoomButtons.moveX,moveY:s.plugins.zoomButtons.moveY,rotate:s.plugins.zoomButtons.rotate,zoom:s.plugins.zoomButtons.zoom},j=t.controlBar;const O=j.addChild("Component",{el:videojs.dom.createEl("div",{className:"vjs-theme-uno custom-progressbar-container"})}),_=j.progressControl;_&&O.el().appendChild(_.el());const T=j.currentTimeDisplay;T&&O.el().insertBefore(T.el(),_.el());const C=j.durationDisplay;if(C&&O.el().appendChild(C.el()),!a(o.settings.videojsOptions)){if(d=o.settings.videojsOptions.hotKeysPlugin,c=o.settings.videojsOptions.controlBar.skipButtonsPlugin,u=o.settings.videojsOptions.controlBar.zoomPlugin,r=o.settings.videojsOptions.controlBar.playbackRates,void 0!==o.settings.videojsOptions.videoStart&&(l=o.settings.videojsOptions.videoStart[index],t.on("play",(function(){var e=new Date("1970-01-01T"+l+"Z").getTime()/1e3;t.currentTime(e)}))),t.playbackRates(r),void 0!==d&&d.enabled&&void 0!==t.hotKeys){d.options=e(e({},f),d.options);var w=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.hotKeys&&(w=t.activePlugins_.hotKeys),w||t.hotKeys({volumeStep:d.options.volumeStep,seekStep:d.options.seekStep,enableMute:d.options.enableMute,enableFullscreen:d.options.enableFullscreen,enableNumbers:d.options.enableNumbers,enableVolumeScroll:d.options.enableVolumeScroll,enableHoverScroll:d.options.enableHoverScroll,alwaysCaptureHotkeys:d.options.alwaysCaptureHotkeys,captureDocumentHotkeys:d.options.captureDocumentHotkeys,documentHotkeysFocusElementFilter:d.options.documentHotkeysFocusElementFilter,seekStep:function(e){return e.ctrlKey&&e.altKey?300:e.ctrlKey?60:e.altKey?10:15}})}if(void 0!==c&&c.enabled&&void 0!==t.skipButtons){c.options=e(e({},b),c.options);var V=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.skipButtons&&(V=t.activePlugins_.skipButtons),V||t.skipButtons({backward:c.options.backward,forward:c.options.forward,backwardIndex:c.options.backwardIndex,forwardIndex:c.options.forwardIndex})}if(i.youtube&&(u.enabled=!1),void 0!==u&&u.enabled&&void 0!==t.zoomButtons){u.options=e(e({},k),u.options);var P=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.zoomButtons&&(P=t.activePlugins_.zoomButtons),P||t.zoomButtons({moveX:u.options.moveX,moveY:u.options.moveY,rotate:u.options.rotate,zoom:u.options.zoom})}if(void 0!==o.core.galleryItems[o.core.index].video&&(g=JSON.parse(o.core.galleryItems[o.core.index].video)),g.tracks&&g.tracks.length>0)for(var S=0;S<g.tracks.length;S++)"chapters"==g.tracks[S].kind&&(p=g.tracks[S].src,t.chapterTracksEnabled=!0);if(t.chapterTracksEnabled){var x=new WebVTTParser,I=[];function B(e){for(var o,t=x.parse(e,"metadata"),i=0;i<t.cues.length;i++)o={time:t.cues[i].startTime,label:t.cues[i].text},I.push(o)}v=p,m=B,new WebVTTParser,$.ajax({url:v,type:"GET",success:m,error:function(e){JSON.stringify(e,void 0,2)}}),t.on("play",(function(){t.currentTime(l);var e=t.duration(),o=$(t.controlBar.progressControl.children_[0].el_);o.find(".vjs-chapter-marker").remove(),setTimeout((function(){var i=setInterval((function(){if(I.length){o.find(".vjs-chapter-marker").remove();for(var s=0;s<I.length;s++){var n=I[s].time/e*100+"%",l=I[s].time,a=$('<div class="vjs-chapter-marker" style="left: '+n+'" data-time="'+l+'"> <span>'+I[s].label+"</span></div>");a.click((function(){t.currentTime($(this).data("time"))})),o.append(a)}clearInterval(i)}}),10)}),100)}))}else t.on("play",(function(){t.chapterTracksEnabled=!1,$(t.controlBar.progressControl.children_[0].el_).find(".vjs-chapter-marker").remove()}))}clearInterval(n)}}),10)};return function(){function a(t){return this.core=t,this.settings=e(e({},o),this.core.settings),this}return a.prototype.init=function(){var e=this;this.core.LGel.on(t+".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(i+".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,t=e.detail,i=t.isFirstSlide,s=t.index;this.settings.autoplayFirstVideo&&i&&s===this.core.index&&setTimeout((function(){o.loadAndPlayVideo(s)}),200),!i&&this.settings.autoplayVideoOnSlide&&s===this.core.index&&this.loadAndPlayVideo(s)},a.prototype.onHasVideo=function(e){var o=e.detail,t=o.index,i=o.src,s=o.html5Video;o.hasPoster||(this.appendVideo(this.core.getSlideItem(t),{src:i,addClass:"lg-object",index:t,html5Video:s}),this.gotoNextSlideOnVideoEnd(i,t))},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,t=e.detail,i=t.index,s=t.prevIndex,n=this.core.getSlideItem(i);this.settings.autoplayVideoOnSlide&&i!==s&&n.hasClass("lg-complete")&&setTimeout((function(){o.loadAndPlayVideo(i)}),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,t,i){var s,n,l,a,c;if(n=this.core.galleryItems[t].__slideVideoInfo||{},(s=this.core.galleryItems[t]).subHtml.includes("<h2>")?l=s.subHtml.split("</h2>")[0].replace("<h2>",""):s.subHtml.includes("<h5>")&&(l=s.subHtml.split("</h5>")[0].replace("<h5>","")),l=l?'title="'+l+'"':"",c='allowtransparency="true"\n            frameborder="0"\n            scrolling="no"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen',n.youtube){var u="lg-youtube"+t,p=(d(n,this.settings.youTubePlayerParams),e.includes("youtube-nocookie.com"),n.youtube[1]);"youtube",a=`\n              <video\n                id="${u}"\n                class="video-js lg-video-object lg-youtube vjs-theme-uno">\n                <source\n                  type="video/youtube",\n                  src="//youtube.com/watch?v=${p}"\n                >\n\n                Your browser does not support HTML5 video.\n              </video>\n            `}else if(n.vimeo){u="lg-vimeo"+t;var v=function(e,o){if(!o||!o.vimeo)return"";var t=o.vimeo[2]||"",i=Object.assign({},{autoplay:0,muted:1},e),s=i&&0!==Object.keys(i).length?r(i):"",n=((o.vimeo[0].split("/").pop()||"").split("?")[0]||"").split("#")[0],l=o.vimeo[1]!==n;l&&(t=t.replace("/"+n,""));var a=l?"h="+n:"";return"?"+a+(s=a?"&"+s:s)+("?"==t[0]?"&"+t.slice(1):t||"")}(this.settings.vimeoPlayerParams,n);a='<iframe allow="autoplay" id='+u+' class="lg-video-object lg-vimeo '+o+'" '+l+' src="//player.vimeo.com/video/'+(n.vimeo[1]+v)+'" '+c+"></iframe>"}else if(n.wistia){var m="lg-wistia"+t;v=(v=r(this.settings.wistiaPlayerParams))?"?"+v:"",a='<iframe allow="autoplay" id="'+m+'" src="//fast.wistia.net/embed/iframe/'+(n.wistia[4]+v)+'" '+l+' class="wistia_embed lg-video-object lg-wistia '+o+'" name="wistia_embed" '+c+"></iframe>"}else if(n.dailymotion){var h="lg-dailymotion"+t;v=(v=r(this.settings.dailymotionPlayerParams))?"?"+v:"",a=`\n              <iframe\n                id="${h}"\n                src="//dailymotion.com/embed/video/${n.dailymotion[1]}?api=1 ${v}"\n                ${l}\n                class="dailymotion_embed lg-video-object lg-dailymotiion ${o}"\n                name="dailymotion_embed"\n                ${c}>\n              </iframe>\n            `}else if(n.html5){for(var y="",g=0;g<i.source.length;g++){var f=i.source[g].type,b=f?'type="'+f+'"':"";y+='<source src="'+i.source[g].src+'" '+b+">"}if(i.tracks){var k=function(e){var o="",t=i.tracks[e];Object.keys(t||{}).forEach((function(e){o+=e+'="'+t[e]+'" '})),y+="<track "+o+">"};for(g=0;g<i.tracks.length;g++)k(g)}var j="",w=i.attributes||{};Object.keys(w||{}).forEach((function(e){j+=e+'="'+w[e]+'" '})),a='<video class="lg-video-object lg-html5 '+(this.settings.videojs&&this.settings.videojsTheme?this.settings.videojsTheme+" ":"")+" "+(this.settings.videojs?" video-js":"")+'" '+j+">\n                "+y+"\n                Your browser does not support HTML5 video.\n            </video>"}return a},a.prototype.appendVideo=function(e,o){var t,i,s={},n=this.getVideoHtml(o.src,o.addClass,o.index,o.html5Video);e.find(".lg-video-cont").append(n);var l=e.find(".lg-video-object").first();if(l.get()){if(o.html5Video&&l.on("mousedown.lg.video",(function(e){e.stopPropagation()})),(s=this.core.galleryItems[o.index].__slideVideoInfo).videojs={enabled:!1},i=n.includes("iframe"),s.videojs.enabled=!i,this.settings.videojs&&(null==s?void 0:s.html5))try{if(s.videojs.enabled)return t=videojs(l.get(),this.settings.videojsOptions),this.settings.vjsPlayer=t,s.videojs.player=t,t}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}if(this.settings.videojs&&(null==s?void 0:s.youtube))try{if(s.videojs.enabled)return t=videojs(l.get(),this.settings.videojsOptions),this.settings.vjsPlayer=t,s.videojs.player=t,t}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}}},a.prototype.gotoNextSlideOnVideoEnd=function(e,o){var t=this,i=this.core.getSlideItem(o).find(".lg-video-object").first();if(i.get()){var s=this.core.galleryItems[o].__slideVideoInfo||{};if(this.settings.gotoNextSlideOnVideoEnd)if(s.html5)i.on("ended",(function(){t.core.goToNextSlide()}));else if(s.vimeo)try{new Vimeo.Player(i.get()).on("ended",(function(){t.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:i.attr("id"),onReady:function(e){e.bind("end",(function(){t.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 t,i,s="not_set";if((t=this.core.getSlideItem(e).find(".lg-video-object").first()).get())if(((i=this.core.galleryItems[e].__slideVideoInfo||{}).html5||i.youtube)&&(void 0!==t.selector.player&&(s=t.selector.player),"not_set"!==s&&c(this,s,i)),i.html5)if(this.settings.videojs)try{videojs(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included videojs")}else t.get()[o]();else if(i.youtube)if(this.settings.videojs)try{videojs(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included videojs")}else try{t.get().contentWindow.postMessage('{"event":"command","func":"'+o+'Video","args":""}',"*")}catch(e){console.error("lightGallery:- "+e)}else if(i.vimeo)try{new Vimeo.Player(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}else if(i.wistia)try{window._wq=window._wq||[],window._wq.push({id:t.attr("id"),onReady:function(e){e[o]()}})}catch(e){console.warn("lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},a.prototype.loadVideoOnPosterClick=function(e,o){var t=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 i=void 0,s=this.core.galleryItems[this.core.index].src,n=this.core.galleryItems[this.core.index].video;n&&(i="string"==typeof n?JSON.parse(n):n);var l=this.appendVideo(e,{src:s,addClass:"",index:this.core.index,html5Video:i});this.gotoNextSlideOnVideoEnd(s,this.core.index);var a=e.find(".lg-object").first().get();e.find(".lg-video-cont").first().append(a),e.addClass("lg-video-loading"),l&&l.ready((function(){l.on("loadedmetadata",(function(){t.onVideoLoadAfterPosterClick(e,t.core.index)}))})),e.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg",(function(){setTimeout((function(){t.onVideoLoadAfterPosterClick(e,t.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}()}));
+!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,t=1,i=arguments.length;t<i;t++)for(var s in o=arguments[t])Object.prototype.hasOwnProperty.call(o,s)&&(e[s]=o[s]);return e},e.apply(this,arguments)},o={autoplayFirstVideo:!0,htmlPlayerParams:!1,youTubePlayerParams:!1,vimeoPlayerParams:!1,dailymotionPlayerParams:!1,wistiaPlayerParams:!1,tiktokPlayerParams:!1,gotoNextSlideOnVideoEnd:!0,autoplayVideoOnSlide:!1,videojs:!1,videojsTheme:"",videojsOptions:{}},t="lgHasVideo",i="lgSlideItemLoad",s="lgBeforeSlide",n="lgAfterSlide",a="lgPosterClick",l=function(e){return 0===Object.keys(e).length},r=function(e){return Object.keys(e).map((function(o){return encodeURIComponent(o)+"="+encodeURIComponent(e[o])})).join("&")},d=function(o,t){if(!o.youtube)return"";var i=o.youtube[2]?o.youtube[2].slice(1).split("&").map((function(e){return e.split("=")})).reduce((function(e,o){var t=o.map(decodeURIComponent),i=t[0],s=t[1];return e[i]=s,e}),{}):"",s=t||{},n=e(e(e({},{wmode:"opaque",autoplay:0,mute:1,enablejsapi:1}),s),i);return"?"+r(n)},c=function(o,t,i){const s=j1.modules.videojs.options;var n,a,r,d,c,u;function p(e,o){e.find(".vjs-chapter-marker").remove()}function v(e){var o,t,i=$(e.controlBar.progressControl.children_[0].el_),s=e.id(),n=new WebVTTParser,a=[];o=e.chapterTracksSource,t=function(e){for(var o,t=n.parse(e,"metadata"),i=0;i<t.cues.length;i++)o={time:t.cues[i].startTime,label:t.cues[i].text},a.push(o)},new WebVTTParser,$.ajax({url:o,type:"GET",success:t,error:function(e){JSON.stringify(e,void 0,2)}}),p(i),j1.modules.videojs.data.players[s].videoData.tracks.length&&setTimeout((function(){var o=setInterval((function(){if(a.length){const d=e.duration();for(var t=0;t<a.length;t++){var n=a[t].time/d*100+"%",l=a[t].time,r=$('<div class="vjs-chapter-marker" style="left: '+n+'" data-time="'+l+'" data-player-id="'+s+'"><span>'+a[t].label+"</span></div>");!function(e,o){r.click((function(){e.currentTime(o)}))}(e,l),i.append(r)}clearInterval(o)}else clearInterval(o)}),10)}),100)}n=setInterval((()=>{var m,h,y="finished"===j1.adapter.gallery.getState(),g=!l(o.settings.videojsOptions);if(y&&g){_=t.id(),m={tracks:[]},{paused:(h=t).paused(),currentTime:h.currentTime(),duration:h.duration(),muted:h.muted(),bufferedPercent:h.bufferedPercent()},m.tracks.chapters=[];var f={volumeStep:s.plugins.hotKeys.volumeStep,seekStep:s.plugins.hotKeys.seekStep,enableMute:s.plugins.hotKeys.enableMute,enableVolumeScroll:s.plugins.hotKeys.enableVolumeScroll,enableHoverScroll:s.plugins.hotKeys.enableHoverScroll,enableFullscreen:s.plugins.hotKeys.enableFullscreen,enableNumbers:s.plugins.hotKeys.enableNumbers,enableJogStyle:s.plugins.hotKeys.enableJogStyle,alwaysCaptureHotkeys:s.plugins.hotKeys.alwaysCaptureHotkeys,captureDocumentHotkeys:s.plugins.hotKeys.captureDocumentHotkeys,enableModifiersForNumbers:s.plugins.hotKeys.enableModifiersForNumbers,enableInactiveFocus:s.plugins.hotKeys.enableInactiveFocus,skipInitialFocus:s.plugins.hotKeys.skipInitialFocus},b={backward:s.plugins.skipButtons.backward,forward:s.plugins.skipButtons.forward,backwardIndex:0,forwardIndex:1},j={moveX:s.plugins.zoomButtons.moveX,moveY:s.plugins.zoomButtons.moveY,rotate:s.plugins.zoomButtons.rotate,zoom:s.plugins.zoomButtons.zoom},k=t.controlBar;const y=k.addChild("Component",{el:videojs.dom.createEl("div",{className:"vjs-theme-uno custom-progressbar-container"})}),g=k.progressControl;g&&y.el().appendChild(g.el());const O=k.currentTimeDisplay;O&&y.el().insertBefore(O.el(),g.el());const C=k.durationDisplay;if(C&&y.el().appendChild(C.el()),!l(o.settings.videojsOptions)){if(d=o.settings.videojsOptions.hotKeysPlugin,c=o.settings.videojsOptions.controlBar.skipButtonsPlugin,u=o.settings.videojsOptions.controlBar.zoomPlugin,r=o.settings.videojsOptions.controlBar.playbackRates,void 0!==o.settings.videojsOptions.videoStart&&(a=o.settings.videojsOptions.videoStart[index],t.on("play",(function(){var e=new Date("1970-01-01T"+a+"Z").getTime()/1e3;t.currentTime(e)}))),t.playbackRates(r),void 0!==d&&d.enabled&&void 0!==t.hotKeys){d.options=e(e({},f),d.options);var w=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.hotKeys&&(w=t.activePlugins_.hotKeys),w||t.hotKeys({volumeStep:d.options.volumeStep,seekStep:d.options.seekStep,enableMute:d.options.enableMute,enableFullscreen:d.options.enableFullscreen,enableNumbers:d.options.enableNumbers,enableVolumeScroll:d.options.enableVolumeScroll,enableHoverScroll:d.options.enableHoverScroll,alwaysCaptureHotkeys:d.options.alwaysCaptureHotkeys,captureDocumentHotkeys:d.options.captureDocumentHotkeys,documentHotkeysFocusElementFilter:d.options.documentHotkeysFocusElementFilter,seekStep:function(e){return e.ctrlKey&&e.altKey?300:e.ctrlKey?60:e.altKey?10:15}})}if(void 0!==c&&c.enabled&&void 0!==t.skipButtons){c.options=e(e({},b),c.options);var V=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.skipButtons&&(V=t.activePlugins_.skipButtons),V||t.skipButtons({backward:c.options.backward,forward:c.options.forward,backwardIndex:c.options.backwardIndex,forwardIndex:c.options.forwardIndex})}if(i.youtube&&(u.enabled=!1),void 0!==u&&u.enabled&&void 0!==t.zoomButtons){u.options=e(e({},j),u.options);var P=!1;void 0!==t.activePlugins_&&void 0!==t.activePlugins_.zoomButtons&&(P=t.activePlugins_.zoomButtons),P||t.zoomButtons({moveX:u.options.moveX,moveY:u.options.moveY,rotate:u.options.rotate,zoom:u.options.zoom})}var S;void 0!==o.core.galleryItems[o.core.index].video&&(m=JSON.parse(o.core.galleryItems[o.core.index].video),t.videoData=m,void 0===j1.modules.videojs.data.players[_]&&(j1.modules.videojs.data.players[_]={},j1.modules.videojs.data.players[_].videoData={},j1.modules.videojs.data.players[_].videoData.tracks=m.tracks||[]));for(var x=0;x<t.videoData.tracks.length;x++)"chapters"==t.videoData.tracks[x].kind&&(S=t.videoData.tracks[x].src,t.chapterTracksSource=S);if(j1.modules.videojs.data.players[_].videoData.tracks.length)_=t.id(),p(I=$(t.controlBar.progressControl.children_[0].el_)),function(e){return!e.paused()||e.currentTime()>0}(t)&&v(t),t.on("pause",(function(){p($(t.controlBar.progressControl.children_[0].el_),t.id())})),t.on("play",(function(){v(t)})),t.on("dispose",(function(){p($(t.controlBar.progressControl.children_[0].el_),t.id())}));else{var I=$(t.controlBar.progressControl.children_[0].el_),_=t.id();p(I)}}clearInterval(n)}}),10)};return function(){function l(t){return this.core=t,this.settings=e(e({},o),this.core.settings),this}return l.prototype.init=function(){var e=this;this.core.LGel.on(t+".video",this.onHasVideo.bind(this)),this.core.LGel.on(a+".video",(function(){var o=e.core.getSlideItem(e.core.index);e.loadVideoOnPosterClick(o)})),this.core.LGel.on(i+".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))},l.prototype.onSlideItemLoad=function(e){var o=this,t=e.detail,i=t.isFirstSlide,s=t.index;this.settings.autoplayFirstVideo&&i&&s===this.core.index&&setTimeout((function(){o.loadAndPlayVideo(s)}),200),!i&&this.settings.autoplayVideoOnSlide&&s===this.core.index&&this.loadAndPlayVideo(s)},l.prototype.onHasVideo=function(e){var o=e.detail,t=o.index,i=o.src,s=o.html5Video;o.hasPoster||(this.appendVideo(this.core.getSlideItem(t),{src:i,addClass:"lg-object",index:t,html5Video:s}),this.gotoNextSlideOnVideoEnd(i,t))},l.prototype.onBeforeSlide=function(e){if(this.core.lGalleryOn){var o=e.detail.prevIndex;this.pauseVideo(o)}},l.prototype.onAfterSlide=function(e){var o=this,t=e.detail,i=t.index,s=t.prevIndex,n=this.core.getSlideItem(i);this.settings.autoplayVideoOnSlide&&i!==s&&n.hasClass("lg-complete")&&setTimeout((function(){o.loadAndPlayVideo(i)}),100)},l.prototype.loadAndPlayVideo=function(e){var o=this.core.getSlideItem(e);this.core.galleryItems[e].poster?this.loadVideoOnPosterClick(o,!0):this.playVideo(e)},l.prototype.playVideo=function(e){this.controlVideo(e,"play")},l.prototype.pauseVideo=function(e){this.controlVideo(e,"pause")},l.prototype.getVideoHtml=function(e,o,t,i){var s,n,a,l,c;if(n=this.core.galleryItems[t].__slideVideoInfo||{},(s=this.core.galleryItems[t]).subHtml.includes("<h2>")?a=s.subHtml.split("</h2>")[0].replace("<h2>",""):s.subHtml.includes("<h5>")&&(a=s.subHtml.split("</h5>")[0].replace("<h5>","")),a=a?'title="'+a+'"':"",c='allowtransparency="true"\n            frameborder="0"\n            scrolling="no"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen',n.youtube){var u="lg-youtube"+t,p=(d(n,this.settings.youTubePlayerParams),e.includes("youtube-nocookie.com"),n.youtube[1]);"youtube",l=`\n              <video\n                id="${u}"\n                class="video-js lg-video-object lg-youtube vjs-theme-uno">\n                <source\n                  type="video/youtube",\n                  src="//youtube.com/watch?v=${p}"\n                >\n\n                Your browser does not support HTML5 video.\n              </video>\n            `}else if(n.vimeo){u="lg-vimeo"+t;var v=function(e,o){if(!o||!o.vimeo)return"";var t=o.vimeo[2]||"",i=Object.assign({},{autoplay:0,muted:1},e),s=i&&0!==Object.keys(i).length?r(i):"",n=((o.vimeo[0].split("/").pop()||"").split("?")[0]||"").split("#")[0],a=o.vimeo[1]!==n;a&&(t=t.replace("/"+n,""));var l=a?"h="+n:"";return"?"+l+(s=l?"&"+s:s)+("?"==t[0]?"&"+t.slice(1):t||"")}(this.settings.vimeoPlayerParams,n);l='<iframe allow="autoplay" id='+u+' class="lg-video-object lg-vimeo '+o+'" '+a+' src="//player.vimeo.com/video/'+(n.vimeo[1]+v)+'" '+c+"></iframe>"}else if(n.wistia){var m="lg-wistia"+t;v=(v=r(this.settings.wistiaPlayerParams))?"?"+v:"",l='<iframe allow="autoplay" id="'+m+'" src="//fast.wistia.net/embed/iframe/'+(n.wistia[4]+v)+'" '+a+' class="wistia_embed lg-video-object lg-wistia '+o+'" name="wistia_embed" '+c+"></iframe>"}else if(n.dailymotion){var h="lg-dailymotion"+t;v=(v=r(this.settings.dailymotionPlayerParams))?"?"+v:"",l=`\n              <iframe\n                id="${h}"\n                src="//dailymotion.com/embed/video/${n.dailymotion[1]}?api=1 ${v}"\n                ${a}\n                class="dailymotion_embed lg-video-object lg-dailymotiion ${o}"\n                name="dailymotion_embed"\n                ${c}>\n              </iframe>\n            `}else if(n.html5){for(var y="",g=0;g<i.source.length;g++){var f=i.source[g].type,b=f?'type="'+f+'"':"";y+='<source src="'+i.source[g].src+'" '+b+">"}if(i.tracks){var j=function(e){var o="",t=i.tracks[e];Object.keys(t||{}).forEach((function(e){o+=e+'="'+t[e]+'" '})),y+="<track "+o+">"};for(g=0;g<i.tracks.length;g++)j(g)}var k="",w=i.attributes||{};Object.keys(w||{}).forEach((function(e){k+=e+'="'+w[e]+'" '})),l='<video class="lg-video-object lg-html5 '+(this.settings.videojs&&this.settings.videojsTheme?this.settings.videojsTheme+" ":"")+" "+(this.settings.videojs?" video-js":"")+'" '+k+">\n                "+y+"\n                Your browser does not support HTML5 video.\n            </video>"}return l},l.prototype.appendVideo=function(e,o){var t,i,s={},n=this.getVideoHtml(o.src,o.addClass,o.index,o.html5Video);e.find(".lg-video-cont").append(n);var a=e.find(".lg-video-object").first();if(a.get()){if(o.html5Video&&a.on("mousedown.lg.video",(function(e){e.stopPropagation()})),(s=this.core.galleryItems[o.index].__slideVideoInfo).videojs={enabled:!1},i=n.includes("iframe"),s.videojs.enabled=!i,this.settings.videojs&&(null==s?void 0:s.html5))try{if(s.videojs.enabled)return t=videojs(a.get(),this.settings.videojsOptions),this.settings.vjsPlayer=t,s.videojs.player=t,t}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}if(this.settings.videojs&&(null==s?void 0:s.youtube))try{if(s.videojs.enabled)return t=videojs(a.get(),this.settings.videojsOptions),this.settings.vjsPlayer=t,s.videojs.player=t,t}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}}},l.prototype.gotoNextSlideOnVideoEnd=function(e,o){var t=this,i=this.core.getSlideItem(o).find(".lg-video-object").first();if(i.get()){var s=this.core.galleryItems[o].__slideVideoInfo||{};if(this.settings.gotoNextSlideOnVideoEnd)if(s.html5)i.on("ended",(function(){t.core.goToNextSlide()}));else if(s.vimeo)try{new Vimeo.Player(i.get()).on("ended",(function(){t.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:i.attr("id"),onReady:function(e){e.bind("end",(function(){t.core.goToNextSlide()}))}})}catch(e){console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}}},l.prototype.controlVideo=function(e,o){var t,i,s="not_set";if((t=this.core.getSlideItem(e).find(".lg-video-object").first()).get())if(((i=this.core.galleryItems[e].__slideVideoInfo||{}).html5||i.youtube)&&(void 0!==t.selector.player&&(s=t.selector.player),"not_set"!==s&&c(this,s,i)),i.html5)if(this.settings.videojs)try{videojs(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included videojs")}else t.get()[o]();else if(i.youtube)if(this.settings.videojs)try{videojs(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included videojs")}else try{t.get().contentWindow.postMessage('{"event":"command","func":"'+o+'Video","args":""}',"*")}catch(e){console.error("lightGallery:- "+e)}else if(i.vimeo)try{new Vimeo.Player(t.get())[o]()}catch(e){console.warn("lightGallery: Make sure you have included //github.com/vimeo/player.js")}else if(i.wistia)try{window._wq=window._wq||[],window._wq.push({id:t.attr("id"),onReady:function(e){e[o]()}})}catch(e){console.warn("lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js")}},l.prototype.loadVideoOnPosterClick=function(e,o){var t=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 i=void 0,s=this.core.galleryItems[this.core.index].src,n=this.core.galleryItems[this.core.index].video;n&&(i="string"==typeof n?JSON.parse(n):n);var a=this.appendVideo(e,{src:s,addClass:"",index:this.core.index,html5Video:i});this.gotoNextSlideOnVideoEnd(s,this.core.index);var l=e.find(".lg-object").first().get();e.find(".lg-video-cont").first().append(l),e.addClass("lg-video-loading"),a&&a.ready((function(){a.on("loadedmetadata",(function(){t.onVideoLoadAfterPosterClick(e,t.core.index)}))})),e.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg",(function(){setTimeout((function(){t.onVideoLoadAfterPosterClick(e,t.core.index)}),50)}))}},l.prototype.onVideoLoadAfterPosterClick=function(e,o){e.addClass("lg-video-loaded"),this.playVideo(o)},l.prototype.destroy=function(){this.core.LGel.off(".lg.video"),this.core.LGel.off(".video")},l}()}));
+

data/assets/theme/j1/modules/videojs/css/themes/uno.css

@@ -78,13 +78,12 @@
 }
 
 /* auto HIDE VJS controlbar when video is PAUSED */
-/*
 .vjs-has-started.vjs-user-inactive.vjs-paused .vjs-control-bar {
   visibility: visible;
   opacity: 0;
   transition: visibility 1s, opacity 1s;
 }
-*/
+
 
 /* manage time (display) divider, remaining-time */
 .vjs-theme-uno .vjs-time-divider,

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2024.3.26'
+  VERSION = '2024.3.27'
 end

data/lib/starter_web/README.md

@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
   2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
   2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.26
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.3.27
   2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2023-02-28 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
   2023-02-28 18:17:48 - SETUP: Initialize the project ...
   2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
   2023-02-28 18:17:49 - SETUP:
-  2023-02-28 18:17:49 - SETUP: > j1@2024.3.26 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2024.3.27 setup C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2023-02-28 18:17:49 - SETUP:
   2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2023-02-28 18:26:18 - SITE: Starting up your site ...
   2023-02-28 18:26:18 - SITE:
-  2023-02-28 18:26:18 - SITE: > j1@2024.3.26 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2024.3.27 j1-site C:\Users\jadams\j1-projects\my-starter
   2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
   2023-02-28 18:26:18 - SITE:
   2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2023-02-28 18:45:09 - REBUILD:
-2023-02-28 18:45:09 - REBUILD: > j1@2024.3.26 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2024.3.27 rebuild C:\Users\xxx\j1-projects\my-starter
 2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2023-02-28 18:45:09 - REBUILD:
 2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
   2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
   2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
   2023-02-28 18:29:08 - RESET:
-  2023-02-28 18:29:08 - RESET: > j1@2024.3.26 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2024.3.27 reset C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:29:08 - RESET: > run-s -s reset:*
   2023-02-28 18:29:08 - RESET:
   2023-02-28 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of the site
 #
-version:                                2024.3.26
+version:                                2024.3.27
 
 # copyright
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2024.3.26</template_version>
+  <template_version>2024.3.27</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

data/lib/starter_web/_plugins/index/lunr.rb

@@ -394,6 +394,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2024.3.26'
+    VERSION = '2024.3.27'
   end
 end

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2024.3.26",
+  "version": "2024.3.27",
   "description": "J1 Template",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc

@@ -4,7 +4,7 @@ title_extention:                        YouTube Video
 tagline:                                YouTube Video
 
 date:                                   2024-09-21
-#last_modified:                         2024-01-01
+last_modified:                          2025-06-22
 
 description: >
                                         The J1 Template support playing video on web pages
@@ -17,7 +17,7 @@ keywords: >
                                         quicktime, silverlight
 
 categories:                             [ Tester ]
-tags:                                   [ Audio, Amplitude App, YouTube ]
+tags:                                   [ AmpltitudeJS,  YouTube ]
 
 image:
   path:                                 /assets/image/module/attic/1920x1280/markus-spiske.jpg

data/lib/starter_web/pages/public/tools/tester/videojs_macro_tester.adoc

@@ -1,10 +1,10 @@
 ---
 title:                                  VideoJS
-title_extention:                        Custom VJS Players
-tagline:                                Custom VJS Players
+title_extention:                        Custom video player
+tagline:                                Custom video player
 
 date:                                   2025-06-05
-last_modified:                          2025-06-08
+last_modified:                          2025-06-22
 
 description: >
                                         Test the VideoJS ADOC Macro for
@@ -16,7 +16,7 @@ keywords: >
                                         videojs
 
 categories:                             [ Tester ]
-tags:                                   [ Module, VideoJS ]
+tags:                                   [ VideoJS, YouTube ]
 
 image:
   path:                                 /assets/image/module/attic/markus-spiske-1920x1280.jpg
@@ -49,7 +49,10 @@ resource_options:
 
 // Attribute settings for section control
 //
-:swiper--features:                      false
+:videojs--youtube-video:                false
+:videojs--masonry:                      false
+:videojs--local-video:                  true
+:videojs--over-youtube:                 true
 
 // Set (local) page attributes here
 // -----------------------------------------------------------------------------
@@ -67,119 +70,94 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [role="dropcap"]
-Swiper, the free and most modern mobile touch slider with hardware accelerated
-transitions and amazing native behavior. It is intended to be used in mobile
-websites, mobile web apps, and mobile native/hybrid apps.
+VideoJS is a *free-to-use* open-source JavaScript framework for building
+custom video players for the web. Implementing VideoJS for the J1 Template
+supports local video and several platforms, such as YouTube, Vimeo, Wistia,
+or Dailymotion, for presenting videos *online*.
+
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-// [role="mt-5"]
-// == Local Video
-
-// Videos created by a digicam or a mobile can be played by J1 Template using
-// the lightGallery integration. Present videos you have made at it's best.
-
-// .Local Video over VideoJS · Justified Gallery + LightGallery
-// gallery::jg_video_html5[role="mb-4"]
-
-
-// == Masonry
-
-// Masonry for J1 Template is a great tool for creating dynamic video galleries.
-// The module makes creating a gallery to display videos of different types easy.
-
-// .Mixed Video · Masonry + LightGallery
-// masonry::mixed_video_example[role="mb-4"]
-
-
-// [role="mt-4"]
-// == lightGallery (YouTube)
-
-// The galley maker *justifiedGallery* in combination with the *lightbox*
-// lightGallery is a great toolset for creating dynamic video galleries.
-// The module combinati0n makes creating a gallery to access videos easy.
-
-// .YouTube Video · justifiedGallery + LightGallery
-// gallery::jg_video_youtube_james_and_adele[role="mb-4"]
-
-
-// [role="mt-5"]
-// == VideoJS Player over YouTube
-
-// YouTube is a popular online video-sharing platform that allows users to
-// upload, view, share, and comment on videos. The platform provides services
-// for people and organizations to publish various video content.
-
-// ++++
-// <div class="video-title">
-//   <i class="mdib mdib-video mdib-24px mr-2"></i>
-//   The Breathtaking Beauty of Nature
-// </div>
-
-// <div class="mb-8">
-//   <video
-//     id="vid_2rtQOsWaAXc"
-//     class="video-js vjs-theme-uno"
-//     controls
-//     width="640"
-//     height="360"
-//     poster="//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg" alt="Beauty of Nature" 
-//     aria-label="The Breathtaking Beauty of Nature"
-//     data-setup='{
-//         "fluid" : true,
-//         "techOrder": [
-//             "youtube", "html5"
-//         ],
-//         "sources": [{
-//             "type": "video/youtube",
-//             "src": "//youtube.com/watch?v=IUN664s7N-c"
-//         }],
-//         "controlBar": {      
-//           "pictureInPictureToggle": false,
-//           "volumePanel": {
-//               "inline": false
-//           }
-//         }
-//       }'
-//   ></video>
-// </div>
-// ++++
 
+ifeval::[{videojs--local-video} == true]
+[role="mt-5"]
+== Local Video
+
+Videos created by a digicam or a mobile can be played by J1 Template using
+the lightGallery integration. Present videos you have made at it's best.
+
+.Local (MP4) Video · Justified Gallery + LightGallery
+gallery::jg_video_html5[role="mb-4"]
+endif::[]
+
+
+ifeval::[{videojs--masonry} == true]
+[role="mt-5"]
+== Masonry
+
+Masonry for J1 Template is a great tool for creating dynamic video galleries.
+The module makes creating a gallery to display videos of different types easy.
+
+.Mixed Video · Masonry + LightGallery
+masonry::mixed_video_example[role="mb-4"]
+endif::[]
+
+
+ifeval::[{videojs--youtube-video} == true]
+[role="mt-5"]
+== lightGallery (YouTube)
+
+The galley maker *justifiedGallery* in combination with the *lightbox*
+lightGallery is a great toolset for creating dynamic video galleries.
+The module combinati0n makes creating a gallery to access videos easy.
+
+.YouTube Video · justifiedGallery + LightGallery
+gallery::jg_video_youtube_james_and_adele[role="mb-4"]
+endif::[]
+
+
+ifeval::[{videojs--over-youtube} == true]
 [role="mt-5"]
-== VideoJS Player over Dailymotion
+== VideoJS Player over YouTube
+
+YouTube is a popular online video-sharing platform that allows users to
+upload, view, share, and comment on videos. The platform provides services
+for people and organizations to publish various video content.
+
+++++
+<style>
 
-link:{url-dailymotion--home}[Dailymotion, {browser-window--new}] is a
-video-sharing platform. The platform is available worldwide in 180+
-languages, featuring websites for their video content.
+/* -----------------------------------------------------------------------------
+  styles moved to VJS theme uno at: 
+  assets/theme/j1/modules/videojs/css/themes/uno.css
+*/
 
-The platform is a *monetization* solution that allows allows to directly
-connect to high-quality advertisers through a proprietary Advertising system.
-Like YouTube, videos can be watched for free, but ads are shown on each and
-every video.
+</style>
+++++
 
 ++++
 <div class="video-title">
   <i class="mdib mdib-video mdib-24px mr-2"></i>
-  Morning Energy
+  The Breathtaking Beauty of Nature
 </div>
 
 <div class="mb-8">
   <video
-    id="vid_x887s09"
+    id="2rtQOsWaAXc"
     class="video-js vjs-theme-uno"
     controls
     width="640"
     height="360"
-    poster="/assets/video/poster/dailymotion/meditation.jpg" alt="Morning Energy" 
-    aria-label="Morning Energy"
+    poster="//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg" alt="Beauty of Nature" 
+    aria-label="The Breathtaking Beauty of Nature"
     data-setup='{
         "fluid" : true,
         "techOrder": [
-            "dailymotion", "html5"
+            "youtube", "html5"
         ],
         "sources": [{
-            "type": "video/dailymotion",
-            "src": "//dai.ly/x887s09"
+            "type": "video/youtube",
+            "src": "//youtube.com/watch?v=IUN664s7N-c"
         }],
         "controlBar": {      
           "pictureInPictureToggle": false,
@@ -192,18 +170,6 @@ every video.
 </div>
 ++++
 
-
-++++
-<style>
-
-/* -----------------------------------------------------------------------------
-  styles moved to VJS theme uno at: 
-  assets/theme/j1/modules/videojs/css/themes/uno.css
-*/
-
-</style>
-++++
-
 ++++
 <script>
 
@@ -247,7 +213,7 @@ $(function() {
       // create div|caption container
       const newDiv = document.createElement('div');
       newDiv.classList.add('caption');
-      newDiv.textContent = 'Morning Energy';
+      newDiv.textContent = 'The Breathtaking Beauty of Nature';
 
       // insert div|caption container AFTER the image
       image.parentNode.insertBefore(newDiv, image.nextSibling);
@@ -265,17 +231,15 @@ $(function() {
     var j1CoreFinished  = (j1.getState() === 'finished') ? true : false;
 
     if (j1CoreFinished && pageVisible) {
-      // const vjs_player  = document.getElementById("vid_2rtQOsWaAXc");
-      const vjs_player  = document.getElementById('vid_x887s09');
+      const vjs_player  = document.getElementById("2rtQOsWaAXc");
 
       // add captions (on poster image)
-      // naddCaptionAfterImage('//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg');
-      addCaptionAfterImage('/assets/video/poster/dailymotion/meditation.jpg');
-      
+      addCaptionAfterImage('//img.youtube.com/vi/IUN664s7N-c/maxresdefault.jpg');
+
       // scroll page to the players top position
       // -----------------------------------------------------------------------
       vjs_player.addEventListener('click', function(event) {
-        const targetDiv         = document.getElementById("vid_x887s09");
+        const targetDiv         = document.getElementById("2rtQOsWaAXc");
         const targetDivPosition = targetDiv.offsetTop;
         const scrollOffset      = (window.innerWidth >= 720) ? -130 : -110;
 
@@ -290,12 +254,12 @@ $(function() {
   // customize the yt player created
   // ---------------------------------------------------------------------------
   var dependencies_met_vjs_player_exist = setInterval(function(options) {
-    var vjsPlayerExist = document.getElementById("vid_x887s09") ? true : false;
+    var vjsPlayerExist = document.getElementById("2rtQOsWaAXc") ? true : false;
 
     if (vjsPlayerExist) {
 
       // apply player customization on 'player ready'
-      videojs("vid_x887s09").ready(function() {
+      videojs("2rtQOsWaAXc").ready(function() {
         const vjsPlayer = this;
 
         // create customControlContainer for progressControlSilder|time (display) elements
@@ -367,4 +331,4 @@ $(function() {
 
 </script>
 ++++
-
+endif::[]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2024.3.26
+  version: 2024.3.27
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-06-19 00:00:00.000000000 Z
+date: 2025-06-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll