@gcorevideo/player 2.28.18 → 2.28.19

package/dist/core.js

@@ -51319,7 +51319,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.18";
+var version$1 = "2.28.19";
 
 var packages = {
 	"node_modules/@clappr/core": {

package/dist/index.css

@@ -279,6 +279,29 @@
 }
 .gear-wrapper ul.gear-sub-menu li.current a .check-icon svg {
   display: inline;
+}@charset "UTF-8";
+.gplayer-mc-clips {
+  display: flex;
+  gap: 6px;
+}
+.gplayer-mc-clips .gplayer-mc-clips-text {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  text-overflow: ellipsis;
+  color: white;
+  cursor: default;
+  line-height: var(--bottom-panel);
+  position: relative;
+  max-width: 150px;
+}
+.gplayer-mc-clips .gplayer-mc-clips-text::before {
+  content: "•";
+  padding-right: 6px;
+}
+.gplayer-mc-clips .gplayer-mc-clips-text.compact {
+  max-width: 100px;
 }:root {
   --primary-background-color: #000;
   --secondary-background-color: #262626;
@@ -643,29 +666,6 @@
   .fullscreen .clappr-nerd-stats .stats-box {
     top: unset;
   }
-}@charset "UTF-8";
-.gplayer-mc-clips {
-  display: flex;
-  gap: 6px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  display: inline-block;
-  text-overflow: ellipsis;
-  color: white;
-  cursor: default;
-  line-height: var(--bottom-panel);
-  position: relative;
-  max-width: 150px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text::before {
-  content: "•";
-  padding-right: 6px;
-}
-.gplayer-mc-clips .gplayer-mc-clips-text.compact {
-  max-width: 100px;
 }.context-menu {
   z-index: 999;
   position: absolute;
@@ -1557,39 +1557,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
   100% {
     color: #B80000;
   }
-}.seek-time {
-  position: absolute;
-  white-space: nowrap;
-  height: 20px;
-  line-height: 20px;
-  font-size: 0;
-  left: -100%;
-  bottom: 55px;
-  background-color: rgba(2, 2, 2, 0.5);
-  z-index: 9999;
-  transition: opacity 0.1s ease;
-}
-.seek-time.hidden {
-  opacity: 0;
-}
-.seek-time .seek-time__pos {
-  display: inline-block;
-  color: white;
-  font-size: 10px;
-  padding-left: 7px;
-  padding-right: 7px;
-  vertical-align: top;
-}
-.seek-time .seek-time__duration {
-  display: inline-block;
-  color: rgba(255, 255, 255, 0.5);
-  font-size: 10px;
-  padding-right: 7px;
-  vertical-align: top;
-}
-.seek-time .seek-time__duration::before {
-  content: "|";
-  margin-right: 7px;
 }.player-poster {
   display: flex;
   justify-content: center;
@@ -1624,6 +1591,45 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 }
 .player-poster .play-wrapper svg path {
   fill: #fff;
+}.seek-time {
+  position: absolute;
+  white-space: nowrap;
+  height: 20px;
+  line-height: 20px;
+  font-size: 0;
+  left: -100%;
+  bottom: 55px;
+  background-color: rgba(2, 2, 2, 0.5);
+  z-index: 9999;
+  transition: opacity 0.1s ease;
+}
+.seek-time.hidden {
+  opacity: 0;
+}
+.seek-time .seek-time__pos {
+  display: inline-block;
+  color: white;
+  font-size: 10px;
+  padding-left: 7px;
+  padding-right: 7px;
+  vertical-align: top;
+}
+.seek-time .seek-time__duration {
+  display: inline-block;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 10px;
+  padding-right: 7px;
+  vertical-align: top;
+}
+.seek-time .seek-time__duration::before {
+  content: "|";
+  margin-right: 7px;
+}.quality-levels li.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.quality-levels li.current {
+  background-color: #000;
 }.share_plugin[data-share] {
   pointer-events: auto;
   z-index: 5;
@@ -1707,12 +1713,27 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
   display: inline-block;
   margin-right: 5px;
   cursor: pointer;
-}.quality-levels li.disabled {
-  opacity: 0.5;
-  pointer-events: none;
+}.container-with-poster-clickable .mc-skip-time {
+  height: 0;
 }
-.quality-levels li.current {
-  background-color: #000;
+
+.mc-skip-time {
+  position: absolute;
+  width: 100%;
+  height: calc(100% - 50px);
+  z-index: 9998;
+  background-color: transparent;
+  font-family: Roboto, "Open Sans", Arial, sans-serif;
+}
+.mc-skip-time .skip-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+.mc-skip-time .skip-container .skip-item {
+  flex: 1 0 0px;
+  height: 100%;
 }.spinner-three-bounce[data-spinner] {
   position: absolute;
   width: 70px;
@@ -1861,27 +1882,6 @@ div.player-error-screen__reload, [data-player] div.player-error-screen__reload {
 }
 .scrub-thumbnails .backdrop .carousel img {
   width: auto;
-}.container-with-poster-clickable .mc-skip-time {
-  height: 0;
-}
-
-.mc-skip-time {
-  position: absolute;
-  width: 100%;
-  height: calc(100% - 50px);
-  z-index: 9998;
-  background-color: transparent;
-  font-family: Roboto, "Open Sans", Arial, sans-serif;
-}
-.mc-skip-time .skip-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.mc-skip-time .skip-container .skip-item {
-  flex: 1 0 0px;
-  height: 100%;
 }.player-logo[data-logo] {
   position: absolute;
   z-index: 2;

package/dist/index.embed.js

@@ -52196,9 +52196,6 @@ class MediaControl extends UICorePlugin {
         else {
             this.hideVolumeId = setTimeout(() => {
                 this.hideVolumeId = null;
-                trace(`${T$6} hideVolumeBar`, {
-                    volumeBarContainer: !!this.$volumeBarContainer,
-                });
                 this.$volumeBarContainer?.addClass('volume-bar-hide');
             }, timeout);
         }
@@ -52267,25 +52264,17 @@ class MediaControl extends UICorePlugin {
         this.core.activeContainer && this.core.activeContainer.seekPercentage(pos);
         this.setSeekPercentage(pos);
     }
-    setUserKeepVisible() {
-        trace(`${T$6} setUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    setUserKeepVisible(e) {
         this.userKeepVisible = true;
+        this.clickaway(this.core.activeContainer.$el[0]);
     }
-    resetUserKeepVisible = () => {
-        trace(`${T$6} resetUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    resetUserKeepVisible = (e) => {
         this.userKeepVisible = false;
     };
     isVisible() {
         return !this.$el.hasClass('media-control-hide');
     }
     show(event) {
-        trace(`${T$6} show`, {
-            disabled: this.disabled,
-            disableControlPanel: this.options.disableControlPanel});
         if (this.disabled || this.options.disableControlPanel) {
             return;
         }
@@ -52312,15 +52301,6 @@ class MediaControl extends UICorePlugin {
         this.updateCursorStyle(showing);
     }
     hide(delay = 0) {
-        trace(`${T$6} hide`, {
-            visible: this.isVisible(),
-            disabled: this.disabled,
-            hideMediaControl: this.options.hideMediaControl,
-            userKeepVisible: this.userKeepVisible,
-            keepVisible: this.keepVisible,
-            draggingSeekBar: this.draggingSeekBar,
-            draggingVolumeBar: this.draggingVolumeBar,
-        });
         if (!this.isVisible()) {
             return;
         }
@@ -52763,10 +52743,12 @@ class MediaControl extends UICorePlugin {
             this.$el.removeClass('dvr');
         }
     }
-    delayHide(e) {
+    delayHide() {
         this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY);
     }
-    clickaway = clickaway(this.resetUserKeepVisible);
+    // 2 seconds delay is needed since on mobile devices mouse(touch)move events are not dispatched immediately
+    // as opposed to the click event
+    clickaway = clickaway(() => setTimeout(this.resetUserKeepVisible, 0));
 }
 MediaControl.extend = function (properties) {
     return extend(MediaControl, properties);
@@ -52816,8 +52798,8 @@ function clickaway(callback) {
         }
         handler = (event) => {
             if (!node.contains(event.target)) {
-                callback();
                 window.removeEventListener('click', handler);
+                callback();
             }
         };
         window.addEventListener('click', handler);

package/dist/index.js

@@ -51409,7 +51409,7 @@ class Player {
     }
 }
 
-var version$1 = "2.28.18";
+var version$1 = "2.28.19";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -52384,9 +52384,6 @@ class MediaControl extends UICorePlugin {
         else {
             this.hideVolumeId = setTimeout(() => {
                 this.hideVolumeId = null;
-                trace(`${T$b} hideVolumeBar`, {
-                    volumeBarContainer: !!this.$volumeBarContainer,
-                });
                 this.$volumeBarContainer?.addClass('volume-bar-hide');
             }, timeout);
         }
@@ -52455,27 +52452,17 @@ class MediaControl extends UICorePlugin {
         this.core.activeContainer && this.core.activeContainer.seekPercentage(pos);
         this.setSeekPercentage(pos);
     }
-    setUserKeepVisible() {
-        trace(`${T$b} setUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    setUserKeepVisible(e) {
         this.userKeepVisible = true;
+        this.clickaway(this.core.activeContainer.$el[0]);
     }
-    resetUserKeepVisible = () => {
-        trace(`${T$b} resetUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    resetUserKeepVisible = (e) => {
         this.userKeepVisible = false;
     };
     isVisible() {
         return !this.$el.hasClass('media-control-hide');
     }
     show(event) {
-        trace(`${T$b} show`, {
-            disabled: this.disabled,
-            disableControlPanel: this.options.disableControlPanel,
-            event,
-        });
         if (this.disabled || this.options.disableControlPanel) {
             return;
         }
@@ -52502,16 +52489,6 @@ class MediaControl extends UICorePlugin {
         this.updateCursorStyle(showing);
     }
     hide(delay = 0) {
-        trace(`${T$b} hide`, {
-            delay,
-            visible: this.isVisible(),
-            disabled: this.disabled,
-            hideMediaControl: this.options.hideMediaControl,
-            userKeepVisible: this.userKeepVisible,
-            keepVisible: this.keepVisible,
-            draggingSeekBar: this.draggingSeekBar,
-            draggingVolumeBar: this.draggingVolumeBar,
-        });
         if (!this.isVisible()) {
             return;
         }
@@ -52954,13 +52931,12 @@ class MediaControl extends UICorePlugin {
             this.$el.removeClass('dvr');
         }
     }
-    delayHide(e) {
-        trace(`${T$b} delayHide`, {
-            e,
-        });
+    delayHide() {
         this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY);
     }
-    clickaway = clickaway(this.resetUserKeepVisible);
+    // 2 seconds delay is needed since on mobile devices mouse(touch)move events are not dispatched immediately
+    // as opposed to the click event
+    clickaway = clickaway(() => setTimeout(this.resetUserKeepVisible, 0));
 }
 MediaControl.extend = function (properties) {
     return extend(MediaControl, properties);
@@ -53009,13 +52985,9 @@ function clickaway(callback) {
             return;
         }
         handler = (event) => {
-            trace(`${T$b} clickaway`, {
-                node,
-                event,
-            });
             if (!node.contains(event.target)) {
-                callback();
                 window.removeEventListener('click', handler);
+                callback();
             }
         };
         window.addEventListener('click', handler);

package/lib/plugins/media-control/MediaControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,YAAY,EAMZ,IAAI,EACL,MAAM,cAAc,CAAA;AASrB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAI5C,OAAO,kDAAkD,CAAA;AA0BzD;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC,UAAU,GACV,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,QAAQ,CAAA;AAEZ;;;GAGG;AACH,MAAM,MAAM,0BAA0B,GAClC,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,CAAA;AAEb;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAA;AAExC;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,mBAAmB,EAAE,CAAA;IAC3B,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,WAAW,EAAE,OAAO,CAAA;CACrB,CAAA;AAuBD;;;GAGG;AACH,oBAAY,cAAc;IACxB,mBAAmB,wBAAwB;IAC3C,0BAA0B,+BAA+B;CAC1D;AAID;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAG5C,OAAO,CAAC,YAAY,CAAsB;IAE1C,OAAO,CAAC,oBAAoB,CAAY;IACxC,OAAO,CAAC,oBAAoB,CAAY;IACxC,OAAO,CAAC,wBAAwB,CAAI;IAGpC,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,OAAO,CAAC,0BAA0B,CAAsB;IAExD,OAAO,CAAC,eAAe,CAAQ;IAC/B,OAAO,CAAC,iBAAiB,CAAQ;IAEjC,OAAO,CAAC,6BAA6B,CAAQ;IAE7C,OAAO,CAAC,MAAM,CAA6C;IAC3D,OAAO,CAAC,YAAY,CAA6C;IAEjE,OAAO,CAAC,cAAc,CAAM;IAE5B,OAAO,CAAC,WAAW,CAAQ;IAE3B,OAAO,CAAC,IAAI,CAAM;IAElB,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,UAAU,CAAI;IAEtB,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,QAAQ,CAAyC;IAEzD,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,eAAe,CAAQ;IAE/B,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,SAAS,CAA2B;IAE5C,OAAO,CAAC,iBAAiB,CAA2B;IAEpD,OAAO,CAAC,gBAAgB,CAA2B;IAEnD,OAAO,CAAC,eAAe,CAA2B;IAElD,OAAO,CAAC,SAAS,CAA2B;IAE5C,OAAO,CAAC,iBAAiB,CAA2B;IAEpD,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,gBAAgB,CAA2B;IAEnD,OAAO,CAAC,gBAAgB,CAA2B;IAEnD,OAAO,CAAC,mBAAmB,CAA2B;IAEtD,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,kBAAkB,CAA2B;IAErD,OAAO,CAAC,gBAAgB,CAA2B;IAEnD,OAAO,CAAC,WAAW,CAA2B;IAE9C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IAE7D;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,eAAe;IAItB;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,oBAAoB,CAAC;;;;;IAQ7D,OAAO,KAAK,QAAQ,GAMnB;IAED;;;OAGG;IACH,IAAI,SAAS,QAEZ;IAED;;;OAGG;IACH,IAAI,QAAQ,QAEX;IAED;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;MA4BlB;IAED,IAAI,cAAc,WAEjB;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAInB;IAED;;OAEG;IACH,IAAI,KAAK,YAER;gBAEW,IAAI,EAAE,IAAI;IAqBtB;;OAEG;IACM,oBAAoB;2BAscZ,MAAM;;;IA/bvB;;OAEG;IACM,UAAU;IAqCnB,OAAO,CAAC,mBAAmB;IA0F3B;;OAEG;IACM,OAAO;IAOhB;;OAEG;IACM,MAAM;IAaf;;;;;OAKG;IACH,kBAAkB;IAMlB;;OAEG;IACH,uBAAuB;IAIvB;;OAEG;IACH,gBAAgB;IAOhB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,cAAc;IAwDtB,OAAO,CAAC,gBAAgB;IAoBxB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,YAAY;IAoCpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,QAAQ,CAUf;IAED,OAAO,CAAC,UAAU,CAkBjB;IAED,OAAO,CAAC,oBAAoB;IAsB5B,OAAO,CAAC,UAAU;IAIlB;;;;;;OAMG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,UAAQ;IAgChD,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,wBAAwB;IAqChC,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,aAAa;IAyBrB,OAAO,CAAC,uBAAuB;IAc/B,OAAO,CAAC,IAAI;IAiBZ,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB,CAK3B;IAED,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,IAAI;IAuCZ,OAAO,CAAC,IAAI;IA8CZ,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,cAAc;IA6CtB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,oBAAoB;IA6B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,IAAI,CAAC,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI;IAS3D;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,IAAI,EAAE,0BAA0B,EAAE,OAAO,EAAE,WAAW;IAI5D,OAAO,CAAC,cAAc;IAiBtB;;;;OAIG;IACH,aAAa,CAAC,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,OAAO;IAItD,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;IA8CrB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,gBAAgB;IAMxB;;OAEG;IACM,OAAO;IAUhB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;IAIjB;;OAEG;IACM,MAAM;IAoEf,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAIvB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAevB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS,CAAuC;CACzD"}
+{"version":3,"file":"MediaControl.d.ts","sourceRoot":"","sources":["../../../src/plugins/media-control/MediaControl.ts"],"names":[],"mappings":"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"}

package/lib/plugins/media-control/MediaControl.js

@@ -687,9 +687,6 @@ export class MediaControl extends UICorePlugin {
         else {
             this.hideVolumeId = setTimeout(() => {
                 this.hideVolumeId = null;
-                trace(`${T} hideVolumeBar`, {
-                    volumeBarContainer: !!this.$volumeBarContainer,
-                });
                 this.$volumeBarContainer?.addClass('volume-bar-hide');
             }, timeout);
         }
@@ -758,27 +755,17 @@ export class MediaControl extends UICorePlugin {
         this.core.activeContainer && this.core.activeContainer.seekPercentage(pos);
         this.setSeekPercentage(pos);
     }
-    setUserKeepVisible() {
-        trace(`${T} setUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    setUserKeepVisible(e) {
         this.userKeepVisible = true;
+        this.clickaway(this.core.activeContainer.$el[0]);
     }
-    resetUserKeepVisible = () => {
-        trace(`${T} resetUserKeepVisible`, {
-            userKeepVisible: this.userKeepVisible,
-        });
+    resetUserKeepVisible = (e) => {
         this.userKeepVisible = false;
     };
     isVisible() {
         return !this.$el.hasClass('media-control-hide');
     }
     show(event) {
-        trace(`${T} show`, {
-            disabled: this.disabled,
-            disableControlPanel: this.options.disableControlPanel,
-            event,
-        });
         if (this.disabled || this.options.disableControlPanel) {
             return;
         }
@@ -805,16 +792,6 @@ export class MediaControl extends UICorePlugin {
         this.updateCursorStyle(showing);
     }
     hide(delay = 0) {
-        trace(`${T} hide`, {
-            delay,
-            visible: this.isVisible(),
-            disabled: this.disabled,
-            hideMediaControl: this.options.hideMediaControl,
-            userKeepVisible: this.userKeepVisible,
-            keepVisible: this.keepVisible,
-            draggingSeekBar: this.draggingSeekBar,
-            draggingVolumeBar: this.draggingVolumeBar,
-        });
         if (!this.isVisible()) {
             return;
         }
@@ -1257,13 +1234,12 @@ export class MediaControl extends UICorePlugin {
             this.$el.removeClass('dvr');
         }
     }
-    delayHide(e) {
-        trace(`${T} delayHide`, {
-            e,
-        });
+    delayHide() {
         this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY);
     }
-    clickaway = clickaway(this.resetUserKeepVisible);
+    // 2 seconds delay is needed since on mobile devices mouse(touch)move events are not dispatched immediately
+    // as opposed to the click event
+    clickaway = clickaway(() => setTimeout(this.resetUserKeepVisible, 0));
 }
 MediaControl.extend = function (properties) {
     return extend(MediaControl, properties);
@@ -1312,13 +1288,9 @@ function clickaway(callback) {
             return;
         }
         handler = (event) => {
-            trace(`${T} clickaway`, {
-                node,
-                event,
-            });
             if (!node.contains(event.target)) {
-                callback();
                 window.removeEventListener('click', handler);
+                callback();
             }
         };
         window.addEventListener('click', handler);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcorevideo/player",
-  "version": "2.28.18",
+  "version": "2.28.19",
   "description": "Gcore JavaScript video player",
   "main": "dist/index.js",
   "type": "module",

package/src/plugins/media-control/MediaControl.ts

@@ -951,9 +951,6 @@ export class MediaControl extends UICorePlugin {
     } else {
       this.hideVolumeId = setTimeout(() => {
         this.hideVolumeId = null
-        trace(`${T} hideVolumeBar`, {
-          volumeBarContainer: !!this.$volumeBarContainer,
-        })
         this.$volumeBarContainer?.addClass('volume-bar-hide')
       }, timeout)
     }
@@ -1045,17 +1042,12 @@ export class MediaControl extends UICorePlugin {
     this.setSeekPercentage(pos)
   }
 
-  private setUserKeepVisible() {
-    trace(`${T} setUserKeepVisible`, {
-      userKeepVisible: this.userKeepVisible,
-    })
+  private setUserKeepVisible(e?: MouseEvent) {
     this.userKeepVisible = true
+    this.clickaway(this.core.activeContainer.$el[0])
   }
 
-  private resetUserKeepVisible = () => {
-    trace(`${T} resetUserKeepVisible`, {
-      userKeepVisible: this.userKeepVisible,
-    })
+  private resetUserKeepVisible = (e?: MouseEvent) => {
     this.userKeepVisible = false
   }
 
@@ -1064,11 +1056,6 @@ export class MediaControl extends UICorePlugin {
   }
 
   private show(event?: MouseEvent) {
-    trace(`${T} show`, {
-      disabled: this.disabled,
-      disableControlPanel: this.options.disableControlPanel,
-      event,
-    })
     if (this.disabled || this.options.disableControlPanel) {
       return
     }
@@ -1103,17 +1090,6 @@ export class MediaControl extends UICorePlugin {
   }
 
   private hide(delay = 0) {
-    trace(`${T} hide`, {
-      delay,
-      visible: this.isVisible(),
-      disabled: this.disabled,
-      hideMediaControl: this.options.hideMediaControl,
-      userKeepVisible: this.userKeepVisible,
-      keepVisible: this.keepVisible,
-      draggingSeekBar: this.draggingSeekBar,
-      draggingVolumeBar: this.draggingVolumeBar,
-    })
-
     if (!this.isVisible()) {
       return
     }
@@ -1650,14 +1626,13 @@ export class MediaControl extends UICorePlugin {
     }
   }
 
-  private delayHide(e: unknown) {
-    trace(`${T} delayHide`, {
-      e,
-    })
+  private delayHide() {
     this.hide(this.options.hideMediaControlDelay || DEFAULT_HIDE_DELAY)
   }
 
-  private clickaway = clickaway(this.resetUserKeepVisible)
+  // 2 seconds delay is needed since on mobile devices mouse(touch)move events are not dispatched immediately
+  // as opposed to the click event
+  private clickaway = clickaway(() => setTimeout(this.resetUserKeepVisible, 0))
 }
 
 MediaControl.extend = function (properties) {
@@ -1721,13 +1696,9 @@ function clickaway(callback: () => void) {
       return
     }
     handler = (event: MouseEvent | TouchEvent) => {
-      trace(`${T} clickaway`, {
-        node,
-        event,
-      })
       if (!node.contains(event.target as Node)) {
-        callback()
         window.removeEventListener('click', handler)
+        callback()
       }
     }
     window.addEventListener('click', handler)