j1-template 2024.3.22 → 2024.3.23

data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/parser/webvtt/parser.min.js

@@ -0,0 +1,8 @@
+// https://github.com/w3c/webvtt.js
+//
+// Any copyright is dedicated to the Public Domain.
+// http://creativecommons.org/publicdomain/zero/1.0/
+
+// Not intended to be fast, but if you can make it faster, please help out!
+//
+!function(){var e={direction:"horizontal",snapToLines:!0,linePosition:"auto",lineAlign:"start",textPosition:"auto",positionAlign:"auto",size:100,alignment:"center"},t=function(t){t||(t={"&":"&","<":"<",">":">","&lrm":"‎","&rlm":"‏"," ":" "}),this.entities=t,this.parse=function(a,s){a=a.replace(/\0/g,"�");var r=Date.now(),o=0,l=a.split(/\r\n|\r|\n/),f=!1,u=[],c=[],p=[];function d(e,t){p.push({message:e,line:o+1,col:t})}var m=l[o],g=m.length,h=0,v="WEBVTT".length;for("\ufeff"===m[0]&&(h=1,v+=1),(g<v||m.indexOf("WEBVTT")!==0+h||g>v&&" "!==m[v]&&"\t"!==m[v])&&d('No valid signature. (File needs to start with "WEBVTT".)'),o++;""!=l[o]&&null!=l[o];){if(d("No blank line after the signature."),-1!=l[o].indexOf("--\x3e")){f=!0;break}o++}for(;null!=l[o];){for(var b;!f&&""==l[o];)o++;if(!f&&null==l[o])break;b=Object.assign({},e,{id:"",startTime:0,endTime:0,pauseOnExit:!1,direction:"horizontal",snapToLines:!0,linePosition:"auto",lineAlign:"start",textPosition:"auto",positionAlign:"auto",size:100,alignment:"center",text:"",tree:null});var T=!0;if(-1==l[o].indexOf("--\x3e")){if(b.id=l[o],/^NOTE($|[ \t])/.test(b.id)){for(o++;""!=l[o]&&null!=l[o];)-1!=l[o].indexOf("--\x3e")&&d("Cannot have timestamp in a comment."),o++;continue}if(/^STYLE($|[ \t])/.test(b.id)){var x=[],y=!1;for(o++;""!=l[o]&&null!=l[o];)-1!=l[o].indexOf("--\x3e")&&(d("Cannot have timestamp in a style block."),y=!0),x.push(l[o]),o++;if(c.length){d("Style blocks cannot appear after the first cue.");continue}y||u.push(x.join("\n"));continue}if(""==l[++o]||null==l[o]){d("Cue identifier cannot be standalone.");continue}if(-1==l[o].indexOf("--\x3e")){T=!1,d("Cue identifier needs to be followed by timestamp.");continue}}f=!1;var w=new n(l[o],d),O=0;if(c.length>0&&(O=c[c.length-1].startTime),!T||w.parse(b,O)){for(o++;""!=l[o]&&null!=l[o];){if(-1!=l[o].indexOf("--\x3e")){d("Blank line missing before cue."),f=!0;break}""!=b.text&&(b.text+="\n"),b.text+=l[o],o++}var A=new i(b.text,d,s,t);b.tree=A.parse(b.startTime,b.endTime),c.push(b)}else for(b=null,o++;""!=l[o]&&null!=l[o];){if(-1!=l[o].indexOf("--\x3e")){f=!0;break}o++}}return c.sort(function(e,t){return e.startTime<t.startTime?-1:e.startTime>t.startTime?1:e.endTime>t.endTime?-1:e.endTime<t.endTime?1:0}),{cues:c,errors:p,time:Date.now()-r,styles:u}}},n=function(e,t){var n=/[\u0020\t\f]/,i=/[^\u0020\t\f]/,a=(e=e,0),s=function(e){t(e,a+1)};function r(t){for(;null!=e[a]&&t.test(e[a]);)a++}function o(t){for(var n="";null!=e[a]&&t.test(e[a]);)n+=e[a],a++;return n}function l(){var t,n,i,r,l="minutes";if(null!=e[a])if(/\d/.test(e[a]))if(((t=o(/\d/)).length>2||parseInt(t,10)>59)&&(l="hours"),":"==e[a])if(a++,2==(n=o(/\d/)).length){if("hours"==l||":"==e[a]){if(":"!=e[a])return void s("No seconds found or minutes is greater than 59.");if(a++,2!=(i=o(/\d/)).length)return void s("Must be exactly two digits.")}else{if(2!=t.length)return void s("Must be exactly two digits.");i=n,n=t,t="0"}if("."==e[a])if(a++,3==(r=o(/\d/)).length)if(parseInt(n,10)>59)s("You cannot have more than 59 minutes.");else{if(!(parseInt(i,10)>59))return 60*parseInt(t,10)*60+60*parseInt(n,10)+parseInt(i,10)+parseInt(r,10)/1e3;s("You cannot have more than 59 seconds.")}else s("Milliseconds must be given in three digits.");else s('No decimal separator (".") found.')}else s("Must be exactly two digits.");else s("No time unit separator found.");else s("Timestamp must start with a character in the range 0-9.");else s("No timestamp found.")}this.parse=function(t,o){if(r(n),t.startTime=l(),null!=t.startTime)if(t.startTime<o&&s("Start timestamp is not greater than or equal to start timestamp of previous cue."),i.test(e[a])&&s("Timestamp not separated from '--\x3e' by whitespace."),r(n),"-"==e[a])if("-"==e[++a])if(">"==e[++a]){if(a++,i.test(e[a])&&s("'--\x3e' not separated from timestamp by whitespace."),r(n),t.endTime=l(),null!=t.endTime)return t.endTime<=t.startTime&&s("End timestamp is not greater than start timestamp."),i.test(e[a])&&!1,r(n),function(e,t){for(var i=e.split(n),a=[],r=0;r<i.length;r++)if(""!=i[r]){var o=i[r].indexOf(":"),l=i[r].slice(0,o),f=i[r].slice(o+1);if(-1!=a.indexOf(l)&&s("Duplicate setting."),a.push(l),""==f)return void s("No value for setting defined.");if("vertical"==l){if("rl"!=f&&"lr"!=f){s("Writing direction can only be set to 'rl' or 'rl'.");continue}t.direction=f}else if("line"==l){if(/,/.test(f)){f=(d=f.split(","))[0];var u=d[1]}if(!/^[-\d](\d*)(\.\d+)?%?$/.test(f)){s("Line position takes a number or percentage.");continue}if(-1!=f.indexOf("-",1)){s("Line position can only have '-' at the start.");continue}if(-1!=f.indexOf("%")&&f.indexOf("%")!=f.length-1){s("Line position can only have '%' at the end.");continue}if("-"==f[0]&&"%"==f[f.length-1]){s("Line position cannot be a negative percentage.");continue}var c=f,p=!1;if("%"==f[f.length-1]&&(p=!0,c=f.slice(0,f.length-1),parseInt(f,10)>100)){s("Line position cannot be >100%.");continue}if(""===c||isNaN(c)||!isFinite(c)){s("Line position needs to be a number");continue}if(void 0!==u){if(!["start","center","end"].includes(u)){s("Line alignment needs to be one of start, center or end");continue}t.lineAlign=u}t.snapToLines=!p,t.linePosition=parseFloat(c),parseFloat(c).toString()!==c&&(t.nonSerializable=!0)}else if("position"==l){if(/,/.test(f)){var d;f=(d=f.split(","))[0];var m=d[1]}if("%"!=f[f.length-1]){s("Text position must be a percentage.");continue}if(parseInt(f,10)>100||parseInt(f,10)<0){s("Text position needs to be between 0 and 100%.");continue}if(""===(c=f.slice(0,f.length-1))||isNaN(c)||!isFinite(c)){s("Line position needs to be a number");continue}if(void 0!==m){if(!["line-left","center","line-right"].includes(m)){s("Position alignment needs to be one of line-left, center or line-right");continue}t.positionAlign=m}t.textPosition=parseFloat(c)}else if("size"==l){if("%"!=f[f.length-1]){s("Size must be a percentage.");continue}if(parseInt(f,10)>100){s("Size cannot be >100%.");continue}var g=f.slice(0,f.length-1);if(void 0===g||""===g||isNaN(g)){s("Size needs to be a number"),g=100;continue}if((g=parseFloat(g))<0||g>100){s("Size needs to be between 0 and 100%.");continue}t.size=g}else if("align"==l){var h=["start","center","end","left","right"];if(-1==h.indexOf(f)){s("Alignment can only be set to one of "+h.join(", ")+".");continue}t.alignment=f}else s("Invalid setting.")}}(e.substring(a),t),!0}else s("No valid timestamp separator found.");else s("No valid timestamp separator found.");else s("No valid timestamp separator found.")},this.parseTimestamp=function(){var t=l();if(null==e[a])return t;s("Timestamp must not have trailing characters.")}},i=function(e,t,i,a){this.entities=a;var s=this,r=(e=e,0),o=function(e){"metadata"!=i&&t(e,r+1)};function l(){for(var t="data",n="",i="",l=[];null!=e[r-1]||0==r;){var f=e[r];if("data"==t)if("&"==f)i=f,t="escape";else if("<"==f&&""==n)t="tag";else{if("<"==f||null==f)return["text",n];n+=f}else if("escape"==t){if("<"==f||null==f){let e;return o("Incorrect escape."),(e=i.match(/^&#([0-9]+)$/))?n+=String.fromCharCode(e[1]):s.entities[i]?n+=s.entities[i]:n+=i,["text",n]}if("&"==f)o("Incorrect escape."),n+=i,i=f;else if(/[a-z#0-9]/i.test(f))i+=f;else if(";"==f){let e;(e=i.match(/^&#(x?[0-9]+)$/))?n+=String.fromCharCode("0"+e[1]):s.entities[i+f]?n+=s.entities[i+f]:(e=Object.keys(a).find(e=>i.startsWith(e)))?n+=s.entities[e]+i.slice(e.length)+f:(o("Incorrect escape."),n+=i+";"),t="data"}else o("Incorrect escape."),n+=i+f,t="data"}else if("tag"==t)if("\t"==f||"\n"==f||"\f"==f||" "==f)t="start tag annotation";else if("."==f)t="start tag class";else if("/"==f)t="end tag";else if(/\d/.test(f))n=f,t="timestamp tag";else{if(">"==f||null==f)return">"==f&&r++,["start tag","",[],""];n=f,t="start tag"}else if("start tag"==t)if("\t"==f||"\f"==f||" "==f)t="start tag annotation";else if("\n"==f)i=f,t="start tag annotation";else if("."==f)t="start tag class";else{if(">"==f||null==f)return">"==f&&r++,["start tag",n,[],""];n+=f}else if("start tag class"==t)if("\t"==f||"\f"==f||" "==f)i&&l.push(i),i="",t="start tag annotation";else if("\n"==f)i&&l.push(i),i=f,t="start tag annotation";else if("."==f)i&&l.push(i),i="";else{if(">"==f||null==f)return">"==f&&r++,i&&l.push(i),["start tag",n,l,""];i+=f}else if("start tag annotation"==t){if(">"==f||null==f)return">"==f&&r++,["start tag",n,l,i=i.split(/[\u0020\t\f\r\n]+/).filter(function(e){if(e)return!0}).join(" ")];i+=f}else if("end tag"==t){if(">"==f||null==f)return">"==f&&r++,["end tag",n];n+=f}else if("timestamp tag"==t){if(">"==f||null==f)return">"==f&&r++,["timestamp",n];n+=f}else o("Never happens.");r++}}this.parse=function(t,a){var s={children:[]},f=s,u=[];function c(e){f.children.push({type:"object",name:e[1],classes:e[2],children:[],parent:f}),f=f.children[f.children.length-1]}function p(e){for(var t=f;t;){if(t.name==e)return!0;t=t.parent}}for(;null!=e[r];){var d=l();if("text"==d[0])f.children.push({type:"text",value:d[1],parent:f});else if("start tag"==d[0]){"chapters"==i&&o("Start tags not allowed in chapter title text.");var m=d[1];"v"!=m&&"lang"!=m&&""!=d[3]&&o("Only <v> and <lang> can have an annotation."),"c"==m||"i"==m||"b"==m||"u"==m||"ruby"==m?c(d):"rt"==m&&"ruby"==f.name?c(d):"v"==m?(p("v")&&o("<v> cannot be nested inside itself."),c(d),f.value=d[3],d[3]||o("<v> requires an annotation.")):"lang"==m?(c(d),f.value=d[3]):o("Incorrect start tag.")}else if("end tag"==d[0])"chapters"==i&&o("End tags not allowed in chapter title text."),d[1]==f.name?f=f.parent:"ruby"==d[1]&&"rt"==f.name?f=f.parent.parent:o("Incorrect end tag.");else if("timestamp"==d[0]){"chapters"==i&&o("Timestamp not allowed in chapter title text.");var g=new n(d[1],o).parseTimestamp();null!=g&&((g<=t||g>=a)&&o("Timestamp must be between start timestamp and end timestamp."),u.length>0&&u[u.length-1]>=g&&o("Timestamp must be greater than any previous timestamp."),f.children.push({type:"timestamp",value:g,parent:f}),u.push(g))}}for(;f.parent;)"v"!=f.name&&o("Required end tag missing."),f=f.parent;return function e(t){const n={...t};return t.children&&(n.children=t.children.map(e)),n.parent&&delete n.parent,n}(s)}},a=function(){function t(e){const t=("00"+1e3*(e-Math.floor(e)).toFixed(3)).slice(-3);let n=0,i=0,a=0;return e>=3600&&(n=Math.floor(e/3600)),i=Math.floor((e-3600*n)/60),a=Math.floor(e-3600*n-60*i),(n?n+":":"")+(""+i).padStart(2,"0")+":"+(""+a).padStart(2,"0")+"."+t}function n(n){return(void 0!==n.id?n.id+"\n":"")+t(n.startTime)+" --\x3e "+t(n.endTime)+function(t){var n="";const i=Object.keys(e).filter(n=>t[n]!==e[n]);return i.includes("direction")&&(n+=" vertical:"+t.direction),i.includes("alignment")&&(n+=" align:"+t.alignment),i.includes("size")&&(n+=" size:"+t.size+"%"),(i.includes("lineAlign")||i.includes("linePosition"))&&(n+=" line:"+t.linePosition+(t.snapToLines?"":"%")+(t.lineAlign&&t.lineAlign!=e.lineAlign?","+t.lineAlign:"")),(i.includes("textPosition")||i.includes("positionAlign"))&&(n+=" position:"+t.textPosition+"%"+(t.positionAlign&&t.positionAlign!==e.positionAlign?","+t.positionAlign:"")),n}(n)+"\n"+function e(n){for(var i="",a=0;a<n.length;a++){var s=n[a];if("text"==s.type)i+=s.value.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");else if("object"==s.type){if(i+="<"+s.name,s.classes)for(var r=0;r<s.classes.length;r++)i+="."+s.classes[r];s.value&&(i+=" "+s.value),i+=">",s.children&&(i+=e(s.children)),i+="</"+s.name+">"}else"timestamp"==s.type?i+="<"+t(s.value)+">":i+="<"+s.value+">"}return i}(n.tree.children)+"\n\n"}this.serialize=function(e,t){var i="WEBVTT\n\n";if(t)for(var a=0;a<t.length;a++)i+="STYLE\n"+t[a]+"\n\n";for(a=0;a<e.length;a++)i+=n(e[a]);return i}};function s(e){e.WebVTTParser=t,e.WebVTTCueTimingsAndSettingsParser=n,e.WebVTTCueTextParser=i,e.WebVTTSerializer=a}"undefined"!=typeof window&&s(window),"undefined"!=typeof exports&&s(exports)}();

data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/j1/lg-video.1.js

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