@latest-thinking/lt-player 1.1.0-p → 1.1.0-r

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latest-thinking/lt-player",
-  "version": "1.1.0-p",
+  "version": "1.1.0-r",
   "description": "LT player.",
   "main": "dist/js/lt-player-main.js",
   "module": "dist/js/lt-player-main.js",

package/src/assets/sass/sections/_subtitles.scss

@@ -32,3 +32,11 @@
     }
   }
 }
+
+@container portrait (width < 319px) {
+  .lt-player-custom-captions {
+    span {
+      font-size: $lt-player-font-size-sm;
+    }
+  }
+}

package/src/components/controls/LTPlayerControlsEvents.ts

@@ -278,8 +278,24 @@ export namespace LTPlayerControlsEvents {
             commonInstance.showHideControls.showHideSeekBar(true, controls);
             commonInstance.showHideControls.showHideBottomControls(true, controls);
 
+            let timerText: NodeJS.Timeout = null;
+            let timerSeekBar: NodeJS.Timeout = null;
+            let timerBottomControls: NodeJS.Timeout = null;
+
             controls.addEventListener('mouseover', function () {
 
+                if (timerText) {
+                    clearTimeout(timerText);
+                }
+
+                if (timerSeekBar) {
+                    clearTimeout(timerSeekBar);
+                }
+
+                if (timerBottomControls) {
+                    clearTimeout(timerBottomControls);
+                }
+
                 if (instance.plyr.paused) {
                     commonInstance.showHideControls.showHideOnPause(true, controls);
                     return;
@@ -301,28 +317,27 @@ export namespace LTPlayerControlsEvents {
 
 
             controls.addEventListener('mouseleave', function () {
-
                 if (instance.plyr.paused) {
                     commonInstance.showHideControls.showHideOnPause(true, controls);
                     return;
                 }
 
                 if (!instance.playerConfig.isPinTextControls()) {
-                    setTimeout(() => {
+                    timerText = setTimeout(() => {
                         commonInstance.showHideControls.showHideText(false, controls);
-                    }, 100)
+                    }, 5000)
                 }
 
                 if (!instance.playerConfig.isPinSeekBarControls()) {
-                    setTimeout(() => {
+                    timerSeekBar = setTimeout(() => {
                         commonInstance.showHideControls.showHideSeekBar(false, controls);
 
-                    }, 100)
+                    }, 5000)
                 }
                 if (!instance.playerConfig.isPinBottomControls()) {
-                    setTimeout(() => {
+                    timerBottomControls = setTimeout(() => {
                         commonInstance.showHideControls.showHideBottomControls(false, controls);
-                    }, 100)
+                    }, 5000)
                 }
             })
         }
@@ -735,7 +750,7 @@ export namespace LTPlayerControlsEvents {
                         if (playerControlsBackground && !playerControlsContainer.classList.contains('player-lt__modal__mobile-show-modal')) {
                             playerControlsBackground.classList.remove('d-none');
                         }
-                    }, 4000);
+                    }, 5000);
                 }
                 eventsInstance.common.subtitlesShow(instance);
             }