j1-template 2024.3.15 → 2024.3.16

data/assets/theme/j1/modules/amplitudejs/js/tech/youtube_example.js

@@ -0,0 +1,211 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/modules/amplitudejs/js/plugins/tech/youtube.js
+ # AmplitudeJS V5 Plugin|Tech for J1 Template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023, 2024 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+"use strict";
+  function ytAudio() {
+  }
+
+  // 2. This code loads the IFrame Player API code asynchronously.
+  var player1, player2, player3, player4;
+  var firstScriptTag;
+
+  var tag = document.createElement('script');
+  tag.src = "https://www.youtube.com/iframe_api";
+  firstScriptTag = document.getElementsByTagName('script')[0];
+  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+
+  // 3. This function creates an <iframe> (and YouTube player)
+  //    after the API code downloads.
+  function onYouTubeIframeAPIReady() {
+
+    var ctrlq1 = document.getElementById("youtube-audio1");
+    ctrlq1.innerHTML = '<img id="youtube-icon1" src=""/><div id="youtube-player1"></div>';
+    ctrlq1.style.cssText = 'width:150px;margin:2em auto;cursor:pointer;cursor:hand;display:none';
+    ctrlq1.onclick = toggleAudio1;
+
+    player1 = new YT.Player('youtube-player1', {
+      height: '0',
+      width: '0',
+      videoId: ctrlq1.dataset.video,
+      playerVars: {
+        autoplay: ctrlq1.dataset.autoplay,
+        loop: ctrlq1.dataset.loop,
+      },
+      events: {
+        'onReady': onPlayerReady1,
+        'onStateChange': onPlayerStateChange1
+      }
+    });
+
+    var ctrlq2 = document.getElementById("youtube-audio2");
+    ctrlq2.innerHTML = '<img id="youtube-icon2" src=""/><div id="youtube-player2"></div>';
+    ctrlq2.style.cssText = 'width:150px;margin:2em auto;cursor:pointer;cursor:hand;display:none';
+    ctrlq2.onclick = toggleAudio2;
+
+    player2 = new YT.Player('youtube-player2', {
+      height: '0',
+      width: '0',
+      videoId: ctrlq2.dataset.video,
+      playerVars: {
+        autoplay: ctrlq2.dataset.autoplay,
+        loop: ctrlq2.dataset.loop,
+      },
+      events: {
+        'onReady': onPlayerReady2,
+        'onStateChange': onPlayerStateChange2
+      }
+    });
+
+    var ctrlq3 = document.getElementById("youtube-audio3");
+    ctrlq3.innerHTML = '<img id="youtube-icon3" src=""/><div id="youtube-player3"></div>';
+    ctrlq3.style.cssText = 'width:150px;margin:2em auto;cursor:pointer;cursor:hand;display:none';
+    ctrlq3.onclick = toggleAudio3;
+
+    player3 = new YT.Player('youtube-player3', {
+      height: '0',
+      width: '0',
+      videoId: ctrlq3.dataset.video,
+      playerVars: {
+        autoplay: ctrlq3.dataset.autoplay,
+        loop: ctrlq3.dataset.loop,
+      },
+      events: {
+        'onReady': onPlayerReady3,
+        'onStateChange': onPlayerStateChange3
+      }
+    });
+
+    var ctrlq4 = document.getElementById("youtube-audio4");
+    ctrlq4.innerHTML = '<img id="youtube-icon4" src=""/><div id="youtube-player4"></div>';
+    ctrlq4.style.cssText = 'width:150px;margin:2em auto;cursor:pointer;cursor:hand;display:none';
+    ctrlq4.onclick = toggleAudio4;
+
+    player4 = new YT.Player('youtube-player4', {
+      height: '0',
+      width: '0',
+      videoId: ctrlq4.dataset.video,
+      playerVars: {
+        autoplay: ctrlq4.dataset.autoplay,
+        loop: ctrlq4.dataset.loop,
+      },
+      events: {
+        'onReady': onPlayerReady4,
+        'onStateChange': onPlayerStateChange4
+      }
+    });
+  }
+
+  function togglePlayButton1(play) {
+    document.getElementById("youtube-icon1").src = play ? "/assets/theme/j1/modules/amplitudejs/icons/player/blue/play.png" : "/assets/theme/j1/modules/amplitudejs/icons/player/blue/pause.png";
+  }
+
+  function toggleAudio1() {
+    if ( player1.getPlayerState() == 1 || player1.getPlayerState() == 3 ) {
+      player1.pauseVideo();
+      togglePlayButton1(false);
+    } else {
+      player1.playVideo();
+      togglePlayButton1(true);
+    }
+  }
+
+  function togglePlayButton2(play) {
+    document.getElementById("youtube-icon2").src = play ? "/assets/theme/j1/modules/amplitudejs/icons/player/blue/play.png" : "/assets/theme/j1/modules/amplitudejs/icons/player/blue/pause.png";
+  }
+
+  function toggleAudio2() {
+    if ( player2.getPlayerState() == 1 || player2.getPlayerState() == 3 ) {
+      player2.pauseVideo();
+      togglePlayButton2(false);
+    } else {
+      player2.playVideo();
+      togglePlayButton2(true);
+    }
+  }
+
+  function togglePlayButton3(play) {
+    document.getElementById("youtube-icon3").src = play ? "/assets/theme/j1/modules/amplitudejs/icons/player/blue/play.png" : "/assets/theme/j1/modules/amplitudejs/icons/player/blue/pause.png";
+  }
+
+  function toggleAudio3() {
+    if ( player3.getPlayerState() == 1 || player3.getPlayerState() == 3 ) {
+      player3.pauseVideo();
+      togglePlayButton3(false);
+    } else {
+      player3.playVideo();
+      togglePlayButton3(true);
+    }
+  }
+
+  function togglePlayButton4(play) {
+    document.getElementById("youtube-icon4").src = play ? "/assets/theme/j1/modules/amplitudejs/icons/player/blue/play.png" : "/assets/theme/j1/modules/amplitudejs/icons/player/blue/pause.png";
+  }
+
+  function toggleAudio4() {
+    if ( player4.getPlayerState() == 1 || player4.getPlayerState() == 3 ) {
+      player4.pauseVideo();
+      togglePlayButton4(false);
+    } else {
+      player4.playVideo();
+      togglePlayButton4(true);
+    }
+  }
+
+  function onPlayerReady1(event) {
+    player1.setPlaybackQuality("small");
+    document.getElementById("youtube-audio1").style.display = "block";
+    togglePlayButton1(player1.getPlayerState() !== 5);
+  }
+
+  function onPlayerStateChange1(event) {
+    if (event.data === 0) {
+      togglePlayButton1(false);
+    }
+  }
+
+  function onPlayerReady2(event) {
+    player2.setPlaybackQuality("small");
+    document.getElementById("youtube-audio2").style.display = "block";
+    togglePlayButton2(player2.getPlayerState() !== 5);
+  }
+
+  function onPlayerStateChange2(event) {
+    if (event.data === 0) {
+      togglePlayButton2(false);
+    }
+  }
+
+  function onPlayerReady3(event) {
+    player3.setPlaybackQuality("small");
+    document.getElementById("youtube-audio3").style.display = "block";
+    togglePlayButton3(player3.getPlayerState() !== 5);
+  }
+
+  function onPlayerStateChange3(event) {
+    if (event.data === 0) {
+      togglePlayButton3(false);
+    }
+  }
+
+  function onPlayerReady4(event) {
+    player4.setPlaybackQuality("small");
+    document.getElementById("youtube-audio4").style.display = "block";
+    togglePlayButton4(player4.getPlayerState() !== 5);
+  }
+
+  function onPlayerStateChange4(event) {
+    if (event.data === 0) {
+      togglePlayButton4(false);
+    }
+  }

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

@@ -613,34 +613,43 @@
         };
 
         Video.prototype.controlVideo = function (index, action) {
+            const vjsOptions = j1.modules.videojs.options;
             var trackSrc,
                 $videoElement, videoInfo, videoStart, videoData, videoId,
-                videojsPlayer, zoomPlugin;
-
-            var playbackRatesDefaults    = '[0.25, 0.5, 1, 1.5, 2]';
-            var chapterTracksEnabled     = false;
-
-            var hotkeysPluginDefaults    = {
-              volumeStep:                 0.1,
-              seekStep:                   5,
-              enableMute:                 true,
-              enableVolumeScroll:         true,
-              enableHoverScroll:          false,
-              enableFullscreen:           true,
-              enableNumbers:              true,
-              enableJogStyle:             false,
-              alwaysCaptureHotkeys:       false,
-              captureDocumentHotkeys:     false,
-              enableModifiersForNumbers:  false,
-              enableInactiveFocus:        true,
-              skipInitialFocus:           false
+                videojsPlayer, playbackRates,
+                hotKeysPlugin, skipButtonsPlugin, zoomPlugin;
+
+            var playbackRatesDefaults = vjsOptions.playbackRates.values;
+            var chapterTracksEnabled  = false;
+
+            var hotKeysPluginDefaults    = {
+                volumeStep:                 vjsOptions.plugins.hotKeys.volumeStep,
+                seekStep:                   vjsOptions.plugins.hotKeys.seekStep,
+                enableMute:                 vjsOptions.plugins.hotKeys.enableMute,
+                enableVolumeScroll:         vjsOptions.plugins.hotKeys.enableVolumeScroll,
+                enableHoverScroll:          vjsOptions.plugins.hotKeys.enableHoverScroll,
+                enableFullscreen:           vjsOptions.plugins.hotKeys.enableFullscreen,
+                enableNumbers:              vjsOptions.plugins.hotKeys.enableNumbers,
+                enableJogStyle:             vjsOptions.plugins.hotKeys.enableJogStyle,
+                alwaysCaptureHotkeys:       vjsOptions.plugins.hotKeys.alwaysCaptureHotkeys,
+                captureDocumentHotkeys:     vjsOptions.plugins.hotKeys.captureDocumentHotkeys,
+                enableModifiersForNumbers:  vjsOptions.plugins.hotKeys.enableModifiersForNumbers,
+                enableInactiveFocus:        vjsOptions.plugins.hotKeys.enableInactiveFocus,
+                skipInitialFocus:           vjsOptions.plugins.hotKeys.skipInitialFocus
             };
 
-            var zoomPluginDefaults       = {
-              moveX:                      0,
-              moveY:                      0,
-              rotate:                     0,
-              zoom:                       1
+            var skipButtonsPluginDefaults  = {
+                backward:                     vjsOptions.plugins.skipButtons.backward,
+                forward:                      vjsOptions.plugins.skipButtons.forward,
+                backwardIndex:                0,
+                forwardIndex:                 1
+            };
+
+            var zoomPluginDefaults = {
+                moveX:                      vjsOptions.plugins.zoomButtons.moveX,
+                moveY:                      vjsOptions.plugins.zoomButtons.moveY,
+                rotate:                     vjsOptions.plugins.zoomButtons.rotate,
+                zoom:                       vjsOptions.plugins.zoomButtons.zoom
             };
 
             videoInfo     = this.core.galleryItems[index].__slideVideoInfo || {};
@@ -652,116 +661,190 @@
             // chapter tracks only available for VJS
             //
             if (this.core.galleryItems[this.core.index].video !== undefined && videoInfo.html5) {
-              videoData = JSON.parse(this.core.galleryItems[this.core.index].video);
-              if (videoData.tracks !== undefined && videoData.tracks.length > 0) {
-                for (var i=0; i<videoData.tracks.length; i++) {
-                  if (videoData.tracks[i].kind == 'chapters') {
-                    trackSrc = videoData.tracks[i].src;
-                    chapterTracksEnabled = true;
-                  }
-                }
-              } // END if videoData.tracks
+                videoData = JSON.parse(this.core.galleryItems[this.core.index].video);
 
-              if ($videoElement.selector !== undefined) {
-                videoId       = $videoElement.selector.id;
-                videojsPlayer = videojs(videoId);
-              } else {
-                videojsPlayer = 'unknown';
-              }
+                if (videoData.tracks !== undefined && videoData.tracks.length > 0) {
+                    for (var i=0; i<videoData.tracks.length; i++) {
+                        if (videoData.tracks[i].kind == 'chapters') {
+                            trackSrc = videoData.tracks[i].src;
+                            chapterTracksEnabled = true;
+                        }
+                    }
+                } // END if videoData.tracks
 
-              if (videojsPlayer !== 'unknown') {
-
-                // jadams, 2024-06-16: added VJS Plugins hotkeys|zoom, playbackRates
-                // ---------------------------------------------------------------
-                var hotkeysPlugin = this.settings.videojsOptions.controlBar.hotkeysPlugin;
-                var zoomPlugin    = this.settings.videojsOptions.controlBar.zoomPlugin;
-                var playbackRates = (this.settings.videojsOptions.controlBar.playbackRates !== undefined) ? this.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
-
-                //  jadams, 2024-01-22: added video start position
-                // ---------------------------------------------------------------
-                if (this.settings.videojsOptions.videoStart !== undefined) {
-                  videoStart = this.settings.videojsOptions.videoStart[index];
-                  videojsPlayer.on("play", function() {
-                    var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
-                    videojsPlayer.currentTime(startFromSecond);
-
-                  }); // END on "play"
-                } // END if videoStart
-
-                // add playbackRates (only available for VJS)
-                videojsPlayer.playbackRates(playbackRates);
-
-                // add hotkeysPlugin (only available for VJS)
-                if (hotkeysPlugin !== undefined && hotkeysPlugin.enabled) {
-                  hotkeysPlugin.options = __assign(__assign({}, hotkeysPluginDefaults), hotkeysPlugin.options);
-                  videojsPlayer.hotkeys({
-                    enableModifiersForNumbers: hotkeysPlugin.options.enableModifiersForNumbers
-                  });
-                } // END if hotkeysPlugin enabled
-
-                // add zoomPlugin (only available for VJS)
-                if (zoomPlugin !== undefined && zoomPlugin.enabled) {
-                  zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
-                  videojsPlayer.zoomPlugin({
-                    moveX:  zoomPlugin.options.moveX,
-                    moveY:  zoomPlugin.options.moveY,
-                    rotate: zoomPlugin.options.rotate,
-                    zoom:   zoomPlugin.options.zoom
-                  });
-                } // END if zoomPlugin enabled
-
-                // jadams, 2023-12-11: added chapter track processing (only available for VJS)
-                // -----------------------------------------------------------------
-                if (chapterTracksEnabled) {
-                  var parser  = new WebVTTParser();
-                  var markers = [];
-
-                  function cb_load (data /* ,textStatus, jqXHR */ ) {
-                    var tree = parser.parse(data, 'metadata');
-                    var marker;
-
-                    // add chapter tracks to markers array
-                    for (var i=0; i<tree.cues.length; i++) {
-                      marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
-                      markers.push(marker);
+                if ($videoElement.selector !== undefined) {
+                    videoId       = $videoElement.selector.id;
+                    videojsPlayer = videojs(videoId);
+                } else {
+                    videojsPlayer = 'unknown';
+                }
+
+                if (videojsPlayer !== 'unknown') {
+
+                    // added VJS Plugins hotKeys|skipButtons|zoom, playbackRates
+                    // -------------------------------------------------------------
+                    hotKeysPlugin     = this.settings.videojsOptions.controlBar.hotKeysPlugin;
+                    skipButtonsPlugin = this.settings.videojsOptions.controlBar.skipButtonsPlugin;
+                    zoomPlugin        = this.settings.videojsOptions.controlBar.zoomPlugin;
+                    playbackRates     = (this.settings.videojsOptions.controlBar.playbackRates !== undefined) ? this.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
+
+                    //  jadams, 2024-01-22: added video start position
+                    // -------------------------------------------------------------
+                    if (this.settings.videojsOptions.videoStart !== undefined) {
+                        videoStart = this.settings.videojsOptions.videoStart[index];
+                         videojsPlayer.on("play", function() {
+                            var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
+                            videojsPlayer.currentTime(startFromSecond);
+                        }); // END on event play
+                    } // END if videoStart
+
+                    // add playbackRates (only available for VJS)
+                    if (videojsPlayer.playbackRates !== undefined) {
+                        videojsPlayer.playbackRates(playbackRates);
                     }
-                  }; // END callback
 
-                  // load chapter tracks
-                  loadVtt(trackSrc, cb_load);
+                    // add hotkeys Plugin (only available for VJS)
+                    if (hotKeysPlugin !== undefined && hotKeysPlugin.enabled && videojsPlayer.hotKeys !== undefined) {
+
+                        // merge objects
+                        hotKeysPlugin.options = __assign(__assign({}, hotKeysPluginDefaults), hotKeysPlugin.options);
+
+                        // prevent multiple plugin instances
+                        var hotKeysActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.hotKeys !== undefined) {
+                            hotKeysActive = videojsPlayer.activePlugins_.hotKeys;
+                        }
+
+                        if (!hotKeysActive) {
+                            videojsPlayer.hotKeys({
+                                volumeStep:                         hotKeysPlugin.options.volumeStep,
+                                seekStep:                           hotKeysPlugin.options.seekStep,
+                                enableMute:                         hotKeysPlugin.options.enableMute,
+                                enableFullscreen:                   hotKeysPlugin.options.enableFullscreen,
+                                enableNumbers:                      hotKeysPlugin.options.enableNumbers,
+                                enableVolumeScroll:                 hotKeysPlugin.options.enableVolumeScroll,
+                                enableHoverScroll:                  hotKeysPlugin.options.enableHoverScroll,
+                                alwaysCaptureHotkeys:               hotKeysPlugin.options.alwaysCaptureHotkeys,
+                                captureDocumentHotkeys:             hotKeysPlugin.options.captureDocumentHotkeys,
+                                documentHotkeysFocusElementFilter:  hotKeysPlugin.options.documentHotkeysFocusElementFilter,
+
+                                // Mimic VLC seek behavior (default to: 15)
+                                seekStep: function(e) {
+                                    if (e.ctrlKey && e.altKey) {
+                                        return 5*60;
+                                    } else if (e.ctrlKey) {
+                                        return 60;
+                                    } else if (e.altKey) {
+                                        return 10;
+                                    } else {
+                                        return 15;
+                                    }
+                                }
+
+                            });
+                        } // END if hotKeysActive
 
-                  // add chapter tracks on play
-                  videojsPlayer.on("play", function() {
-                    videojsPlayer.currentTime(videoStart);
+                    } // END if hotKeysPlugin enabled
 
-                    var total    = videojsPlayer.duration();
-                    var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+                    // add skipButtons Plugin (only available for VJS)
+                    // -------------------------------------------------------------
+                    if (skipButtonsPlugin !== undefined && skipButtonsPlugin.enabled && videojsPlayer.skipButtons !== undefined) {
+                        // merge objects
+                        skipButtonsPlugin.options = __assign(__assign({}, skipButtonsPluginDefaults), skipButtonsPlugin.options);
 
-                    // add chapter tracks on timeline (delayed)
-                    setTimeout (function() {
-                      var markers_loaded = setInterval (function () {
-                        if (markers.length) {
-                          for (var i=0; i<markers.length; i++) {
-                            var left = (markers[i].time / total * 100) + '%';
-                            var time = markers[i].time;
-                            var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+                        // prevent multiple plugin instances
+                        var skipButtonsActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.skipButtons !== undefined) {
+                            skipButtonsActive = videojsPlayer.activePlugins_.skipButtons;
+                        }
 
-                            el.click(function() {
-                              videojsPlayer.currentTime($(this).data('time'));
+                        if (!skipButtonsActive) {
+                            videojsPlayer.skipButtons({
+                                backward:         skipButtonsPlugin.options.backward,
+                                forward:          skipButtonsPlugin.options.forward,
+                                backwardIndex:    skipButtonsPlugin.options.backwardIndex,
+                                forwardIndex:     skipButtonsPlugin.options.forwardIndex
                             });
+                        }
+
+                    } // END if skipButtons Plugin enabled
+
+                    // add zoom Plugin (only available for VJS)
+                    // -----------------------------------------------------------------
+                    if (zoomPlugin !== undefined && zoomPlugin.enabled && videojsPlayer.zoomButtons !== undefined) {
+                        // merge objects
+                        zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
 
-                            timeline.append(el);
-                          }
-                          clearInterval(markers_loaded);
+                        // prevent multiple plugin instances
+                        var zoomButtonsActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.zoomButtons !== undefined) {
+                            zoomButtonsActive  = videojsPlayer.activePlugins_.zoomButtons;
+                        }
+                        
+                        if (!zoomButtonsActive) {
+                            videojsPlayer.zoomButtons({
+                                moveX:  zoomPlugin.options.moveX,
+                                moveY:  zoomPlugin.options.moveY,
+                                rotate: zoomPlugin.options.rotate,
+                                zoom:   zoomPlugin.options.zoom
+                            });
                         }
-                      }, 10);
-                    }, 1000 );
 
-                  }); // END on "play"
+                    } // END if zoom Plugin enabled
+
+                    // chapter track processing (only available for VJS)
+                    // -----------------------------------------------------------------
+                    if (chapterTracksEnabled) {
+                        var parser  = new WebVTTParser();
+                        var markers = [];
+
+                        function cb_load (data /* ,textStatus, jqXHR */ ) {
+                            var tree = parser.parse(data, 'metadata');
+                            var marker;
+
+                            // add chapter tracks to markers array
+                            for (var i=0; i<tree.cues.length; i++) {
+                                marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
+                                markers.push(marker);
+                            }
+                        }; // END function cb_load 
+
+                        // load chapter tracks
+                        // -------------------------------------------------------------
+                        loadVtt(trackSrc, cb_load);
 
-                } // END if chapterTracksEnabled
+                        // add chapter tracks on play
+                        videojsPlayer.on("play", function() {
+                            videojsPlayer.currentTime(videoStart);
 
-              } // END if videojsPlayer is defined
+                            var total    = videojsPlayer.duration();
+                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+
+                            // add chapter tracks on timeline (delayed)
+                            setTimeout (function() {
+                                var markers_loaded = setInterval (function () {
+                                    if (markers.length) {
+                                        for (var i=0; i<markers.length; i++) {
+                                            var left = (markers[i].time / total * 100) + '%';
+                                            var time = markers[i].time;
+                                            var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+
+                                            el.click(function() {
+                                                videojsPlayer.currentTime($(this).data('time'));
+                                            });
+
+                                            timeline.append(el);
+                                        }
+                                        clearInterval(markers_loaded);
+                                    }
+                                }, 10); // END markers_loaded
+                            }, 1000 ); // END setTimeout
+
+                        }); // END on "play"
+
+                    } // END if chapterTracksEnabled
+
+                } // END if videojsPlayer is defined
 
             } // END if videoInfo.html5
 
@@ -811,7 +894,8 @@
                     console.warn('lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
                 }
             }
-        };
+
+        }; // END controlVideo
 
         Video.prototype.loadVideoOnPosterClick = function ($el, forcePlay) {
             var _this = this;
@@ -875,4 +959,4 @@
 
     return Video;
 
-})));
+})));

data/assets/theme/j1/modules/videojs/assets/icons/custom-icons/next.svg

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="next-hover.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Shape</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1661"
+     inkscape:window-height="1135"
+     id="namedview15"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="30.625"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg13" />
+  <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">Shape</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Screens"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(0.98334356,0,0,0.98498249,0.23649025,0.16326531)">
+    <g
+       id="Player"
+       transform="translate(-263,-528)"
+       fill="#ffffff">
+      <g
+         id="Controls"
+         transform="translate(24,504)">
+        <g
+           id="Skip-Next"
+           transform="translate(227,12)">
+          <path
+             d="M 12,36 29,24 12,12 Z M 32,12 v 24 h 4 V 12 Z"
+             id="Shape" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>