@latest-thinking/lt-player 1.0.4-j → 1.0.4-k

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latest-thinking/lt-player",
-  "version": "1.0.4-j",
+  "version": "1.0.4-k",
   "description": "LT player.",
   "main": "dist/js/lt-player-main.js",
   "module": "dist/js/lt-player-main.js",

package/src/assets/sass/sections/controllers/_botom.scss

@@ -309,6 +309,9 @@
               position: absolute;
               rotate: 270deg!important;
               bottom: 5rem;
+              max-width: 110px;
+              min-width: 80px;
+              width: 20%;
 
                 .volume_control__background__area__range {
                   color: $default-lt-button-color !important;

package/src/components/events/LTPlayer.ts

@@ -50,6 +50,35 @@ export namespace LTPlayerEvents {
                 if (controls.classList.contains('plyr__controls-enable')) {
                     controls.classList.remove('plyr__controls-enable')
                 }
+
+                const volumeControl = controls.querySelector('.bottom-controller__volume_control');
+                const volumeButton = volumeControl.querySelector('.button-open');
+                const volumeBackground = volumeControl.querySelector('.volume_control__background');
+                const volumeBackgroundArea = volumeControl.querySelector('.volume_control__background__area');
+                const volumeArea = volumeControl.querySelector('.volume_control__background__area__range');
+
+
+                if (volumeButton) {
+                    volumeButton.classList.remove('d-none');
+                }
+
+                if (volumeBackground) {
+                    volumeBackground.classList.add('d-none')
+                }
+
+                if (volumeBackgroundArea) {
+                    volumeBackgroundArea.classList.add('d-none')
+                }
+
+                if (volumeArea) {
+                    volumeArea.classList.remove('volume-area-open')
+                }
+
+                if (volumeControl) {
+                    volumeControl.classList.remove('volume-area-open');
+                    volumeControl.classList.remove('volume-control-enable');
+                }
+
             }
             const enablePoster = () => {
 
@@ -91,7 +120,6 @@ export namespace LTPlayerEvents {
                     if (!background.classList.contains('d-none')) {
                         background.classList.add('d-none');
                     }
-
                 }
             }